Line 324: | Line 324: | ||
.wow { | .wow { | ||
position:relative; | position:relative; | ||
− | width: | + | width:225x; |
− | height: | + | height:100px; |
− | -webkit-transition: opacity 0. | + | -webkit-transition: opacity 0.0s ease-in-out; |
− | -moz-transition: opacity 0. | + | -moz-transition: opacity 0.0s ease-in-out; |
− | -o-transition: opacity 0. | + | -o-transition: opacity 0.0s ease-in-out; |
− | -ms-transition: opacity 0. | + | -ms-transition: opacity 0.0s ease-in-out; |
− | transition: opacity 0. | + | transition: opacity 0.0s ease-in-out; |
} | } | ||
.wow img { | .wow img { | ||
Line 340: | Line 340: | ||
.overlay { | .overlay { | ||
position:absolute; | position:absolute; | ||
− | width: | + | width:225px; |
− | height: | + | height:100px; |
top:0; | top:0; | ||
left:0; | left:0; | ||
− | z-index: | + | z-index:1; |
opacity:0; | opacity:0; | ||
− | -webkit-transition: opacity 0. | + | -webkit-transition: opacity 0.0s ease-in-out; |
− | -moz-transition: opacity 0. | + | -moz-transition: opacity 0.0s ease-in-out; |
− | -o-transition: opacity 0. | + | -o-transition: opacity 0.0s ease-in-out; |
− | -ms-transition: opacity 0. | + | -ms-transition: opacity 0.0s ease-in-out; |
− | transition: opacity 0. | + | transition: opacity 0.0s ease-in-out; |
} | } | ||
− | .wow | + | .wow:hover > .overlay { |
opacity:1; | opacity:1; | ||
− | width: | + | width:225px; |
− | height: | + | height:100x; |
− | padding: | + | padding:0px; |
− | + | ||
background:rgba(255, 255, 255, 0.4) | background:rgba(255, 255, 255, 0.4) | ||
} | } |
Revision as of 14:33, 21 September 2016