:hover child effect
CSS:
1 2 3 4 5 6 7 8 9 |
.icon_loisir .animated_icon{background:url(../../uploads/custom/icon_loisir.png) center center no-repeat;} .icon_institutionnel .animated_icon{background:url(../../uploads/custom/icon_institutionnel.png) center center no-repeat;} .icon_commercial .animated_icon{background:url(../../uploads/custom/icon_commercial.png) center center no-repeat;} .icon_residentiel .animated_icon{background:url(../../uploads/custom/icon_residentiel.png) center center no-repeat;} .span_animated_box a:hover > .animated_box .animated_icon { background:url(../../uploads/custom/icon_loisir_hover.png) center center no-repeat;} .span_animated_box a:hover > .animated_box .animated_icon { background:url(../../uploads/custom/icon_loisir_hover.png) center center no-repeat;} .span_animated_box a:hover > .animated_box .animated_icon { background:url(../../uploads/custom/icon_loisir_hover.png) center center no-repeat;} .span_animated_box a:hover > .animated_box .animated_icon { background:url(../../uploads/custom/icon_loisir_hover.png) center center no-repeat;} |
JAVASCRIPT:
1 2 3 4 5 6 7 8 |
<div class="span3 span_animated_box icon_loisir"><a href="#"> </a> <div class="animated_box"> <div class="animated_icon"></div> <div class="animated_title">Loisir, villégiature et hôtellerie</div> </div> </div> |
Leave a Comment