CSS Style center

CSS Styles, CSS tips

Portfolio

Webkit transition example

Hello Again,

you must have noticed the nice webkit transition effect (works only with chrome/safari browsers ) on my ads along with the box shadow.

This is just one example of what can be achieved with webkit transition.

how you can achieve this effect?

CSS Code:

.ads{-webkit-transition: all 0.2s ease-out; opacity:0.5;}
.ads:hover {-webkit-box-shadow:0 0 10px #000000; opacity:1;}

and now everything with the attribute class=”ads” gets the border and and the transition effect. just point on the ad and see for yourself.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>