Box dengan Efek Animasi Gelap-Terang (Fade Effect) dengan CSS3

Hanya dengan menggunakan css3 anda dapat membuat sebuah box dengan efek animasi terang gelap atau gelap terang (fade effect). Efek animasi gelap terang pada box memanfaatkan css3 transition dan efek opacity (opacity effect). Anda dapat mengisi box dengan image, teks, widget atau apapun.

Sebuah karya yang sangat imajinatif meskipun melihatnya jadi terasa aneh. Anda bisa membayangkan apa yang akan terjadi jika seua anjing di dunia punya fisik seperti yang terlihat pada gambar tersebut. Buih... pasti dunia akan bertambah gila! Yah, terlebih di Indonesia. O... ya... bagaimana jika para koruptor kita rubah wajah dan bentuknya jadi seperti anjing ini?!

Back to Tutorial

Anti Copy Image using CSS3

Posisi Image di sebelah kiri

Silahkan coba untuk klik kanan pada image disamping. Dapat dipastikan apa yang terlihat setelah klik kanan tak akan sesuai dengan apa yang diharapkan. Penggunaan CSS3 sebagai anti copy pada gambar/image tak berbeda dengan javascript. Sangat sederhana kodenya serta cukup mujarab khasiatnya!

Posisi Image di tengah

Jika demo di atas image berada di sebelah kiri (float:left}, maka demo yang kedua image kita buat pada posisi di tengah (center off position).

Silahkan coba anda klik dan lihat apa yang terjadi? Hei ... dimana kode link image-nya?

Back to Tutorial