Selamat malam kawan... malam ini saya ingin menulis tutorial tentang efek gambar melengkung jika disentuh oleh kursor.... whaa.. ada-ada saja ini yaa.. kok bisa gitu loh gambar melengkung, hmmh namanya juga teknologi booo... ahahaha....
Langsung saja ini dia langkah-langkahnyaa..
- Masuk ke Dashboard
- Template > Edit HTML
- Anda tekan CTRL+F untuk memunculkan kotak pencarian,
- kemudian anda tempelkan kode berikut untuk menemukan dimana letaknya, jangan lupa tekan Enter yaa...
a:visited {
- Sudah ketemu kan?? ok sekarang anda salin skrip berikut, kemudian tempel tepat dibawah kode yang anda cari barusan.
a img {border-radius:10px;border-width: 0;}img:hover {filter: alpha(opacity=70);opacity: .6;-webkit-transition: 0.5s;border-radius:10px;}
Selanjutnya, anda simpan perubahan kemudian anda Refresh tampilan Blog anda.. coba deh anda buka postingan anda yang ada gambarnya, kemudian anda geserkan kursor tepat digambar tersebut. bagaimana ? ada perubahan tidak ?? Selamat Mencoba ...
Sumber :
berdasarkan hasil belajar sendiri..
Terimakasih atas kunjungannya :)
ReplyDeletekunjungan nice Articel... foolback
ReplyDeletemba mau dong kode jam hello kitty nyaaa
ReplyDelete