www.gusucode.com > 200套html5精品模板51_75 > 051/css/hoverdir.css
.da-thumbs p{ color:#fff; font-size:12px; } .da-thumbs li , .da-thumbs li img { display: block; position: relative; } .da-thumbs li { overflow: hidden; } .da-thumbs li div { position: absolute; background-color:#fe7360; width: 100%; height: 100%; } .da-thumbs li div.da-animate { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Initial state classes: */ .da-slideFromTop { left: 0px; top: -100%; } .da-slideFromBottom { left: 0px; top: 100%; } .da-slideFromLeft { top: 0px; left: -100%; } .da-slideFromRight { top: 0px; left: 100%; } /* Final state classes: */ .da-slideTop { top: 0px; } .da-slideLeft { left: 0px; } .da-thumbs li div a { display: block; color:#fff; padding:20px; height:83.2%; }