me gustas: Tutorial: Image Hover

Agustus 15, 2012 | 0 Comments

Tutorial: Image Hover

Hai, Assalamu 'alaikum!

1. Pergi ke: Dashboard > Template

2. Search code :

</style>

2. Sudah? Lanjutkan dengan paste code ini dibawah code </style> tadi.

img{
opacity: .70;

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

border-radius:10px;}

img : hover{
border-radius:30px;
opacity: 1; }

Preview dulu, kalau berhasil, baru save. Oya, actually aku ambil codenya dari Wana. Thanks, Wana! Ehe.

G e t c l o s e r w i t h me

Hi! I'm Khairunnisa Nurrahmatia Salsabila. A 19 years old girl living in Indonesia. A girl who loves to write anything she can't say out loud, she find better to write down here.
Her babies; Komik Kecil-Kecil Punya Karya "The Grumpy Cats" (has been re-publishing as another title) and Time Capsule

The Grumpy Cat

republish of the grumpy cat

Time Capsule, self-publishing, coming soon on book store

Agustus 15, 2012 | 0 Cloud(s)