-
Opacidad para todos imágenes
HTML
<p><img style="border: 1px dotted #fff; -webkit-border-radius: 50px 10px; -moz-border-radius: 50px 10px; border-radius: 50px 10px; -webkit-box-shadow: #6d3112 3px 3px 9px; -moz-box-shadow: #6d3112 3px 3px 9px; box-shadow: #6d3112 3px 3px 11px;" src="http://static1.vayagif.com/gifs/2012/11/GIF_140668_quien_dijo_que_los_gatos_no_dan_carino.gif" alt="" width="255" height="259" /></p>
CSS
<style type="text/css"><!--
img { -moz-transition: opacity 0.4s linear 0s;
-webkit-transition: opacity 0.4s linear 0s;
transition: opacity 0.4s linear 0s;
opacity: 0.35;
}
img:hover {
-moz-transition: opacity 0.4s linear 0s;
-webkit-transition: opacity 0.4s linear 0s;
transition: opacity 0.4s linear 0s;
opacity: 10;
}
--></style>
-
Commentaires
Aucun commentaire pour le moment
Ajouter un commentaire