anda menyukainya? silahkan ikuti petujuknya disini
tips-tutorial blog
Pages
Animated Box for HTML Post - Using CSS3
Yoez MrNox
/* Tuliskan keterangan tambahan kode html di sini! */ pre.loreng { margin: 30px 0; font-family: Georgia; font-size: 14px; color: #fff; line-height: 18px; text-shadow: 1px 1px 1px #000; padding: 17px 10px; border: 2px solid #333; border-right: none; background: #888; width: 300px; opacity: 0.9; -o-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; overflow: hidden; filter: alpha(opacity=90); } pre.loreng span { color: #888; } pre.loreng:hover { text-shadow: 1px 1px 1px #aaa; width: 555px; opacity:1.0; overflow: auto; color: #660000;background: #0099FF url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgPreBlueWhiteV36H1.gif); filter: alpha(opacity=100); display: block; border-left: 15px solid #666; border-right: 3px solid #666; } pre.loreng:hover span { text-shadow: 1px 1px 1px #aaa; } ]]> ! // Keterangan tambahan bisa juga di tuliskan di sini! */
Langganan:
Postingan (Atom)
About Me
Popular Posts
-
jangan tiru blog saya! karena blog saya masih menggunakan banyak widget, gambar dan menu blogroll mau loading blog Anda jadi super ringan? ...
-
Posting menggunakan textarea berbeda dengan apabila posting menggunakan cara yang lain. Penggunaan textarea ini memungkinkan setiap materi p...
-
/* Tuliskan keterangan tambahan kode html di sini! */ pre.loreng { margin: 30px 0; font-family: Georgia; font-size: 14px...