Sekarang saya akan berbagi tentang Pengertian Opacity Effect dalam CSS. Apa sih itu Opacity Effect? Opacity Effect atau efek transparansi diciptakan melalui opacity property. Hal ini disebabkan karena transparansi yang tercipta ketika opacity property digunakan. Anda bisa menggunakan efek opacity pada box, image atau obyek lain seperti teks. Meskipun opacity effect dapat digunakan tanpa melibatkan hover effect, namun pada kenyataannya lebih banyak desain blog/web yang menggabungkan fungsi CSS opacity property dan hover effect secara bersamaan.
Biasanya, Blur Effect terdapat pada Adobe Photoshop tepatnya di bagian Filter -> Blur. Untuk membuat opacity/blur effect melalui CSS sangatlah mudah, Anda hanya harus menguasai script-script yang ada di dalam CSS. Berikut ini adalah tutorialnya :
1. Pelajarilah ilmu CSS, kalian dapat mempelajarinya melalui W3schools.com.
 |
| Script CSS Opacity |
2. Berlatihlah di text editor kalian. Buat transbox yang kalian inginkan.
3. Kombinasikan dengan transbox, transbox adalah kotak yang transparan dan berisi text. Berikut ini adalah script dan output-nya.
 |
| Script dari Transbox |
 | ||
| Output dari Transbox |
Nah, itu tadi pengertian dari Opacity & Tekniknya. Mudah-mudahan apa yang bisa saya bagikan hari ini bisa bermanfaat unutk kita semua. Apabila ada kesalahan dalam pengetikan postingan ini, saya mohon maaf.
Sekian & Terima Kasih........:D
Tidak ada komentar:
Posting Komentar