kuroo tetsurou
— chapter —

I AM

AN ORDINARY GIRL,

WOIZZE

woizze



"I miss my own real life."
-XuYiZha-
Tutorial: Image Hover 1
Sunday, 8 September 2013 • 03:19 • 0 comments
    
Look at me, please
Assalamualikum and annyeonghaseyo. Aku nak share satu tuto Image hover ni. Teruskan okay? aku tak ada benda nak membebel ni.

Dashboard> Template

Find </style> code.

Copy codes below.

/*------ IMAGE ANIMATION------*/img {filter:alpha
(opacity=100);-webkit-transition-duration:.5s;} img:hover
 {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow:
 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px
 #000000; -webkit-border-top-right-radius:30; -webkit
-border-top-left-radius:30; -webkit-border-bottom-right-
radius:30; -webkit-border-bottom-left-radius:30;}img:hover
 {filter: alpha(opacity=60); opacity: .60; border: 1px solid
#000000; border-radius: 50px; -moz-border-radius: 50px;}
-moz-opacity:1.0;opacity:1.0;}img:hover {filter:alpha
(opacity=80);-moz-opacity:0.80;opacity:.80;}u
{text-decoration:underline;border-bottom:
 2px dotted #ff0080;padding: 0px;}

Then, paste it before the </style> code.

Preview and save.

Labels: ,