(47 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | <html> | ||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#hoverimg { | #hoverimg { | ||
− | + | position: relative; | |
− | height: | + | align-items: center; |
− | + | height:100%; | |
+ | width: 1150px; | ||
+ | margin: 0 0 0 0 !important; | ||
+ | padding: 0 0 0 0 !important; | ||
} | } | ||
#bgimage { | #bgimage { | ||
− | + | z-index: 0; | |
− | + | margin: 0 0 0 0; | |
− | + | padding: 0 0 0 0; | |
− | + | width: 100%; | |
− | + | height: auto; | |
} | } | ||
#link_layer:before { | #link_layer:before { | ||
− | content: ""; | + | content: "\200B"; |
} | } | ||
#link_layer { | #link_layer { | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 0; |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | z-index: 1; | |
− | z-index: | + | |
} | } | ||
.transparent_link_box { | .transparent_link_box { | ||
− | opacity: 0. | + | position: absolute; |
− | filter: alpha(opacity= | + | opacity: 0.15; |
− | -moz-opacity:0. | + | filter: alpha(opacity=15); |
+ | -moz-opacity:0.15; | ||
+ | background-color: black; | ||
+ | z-index: 2; | ||
+ | |||
+ | -moz-transform: scale(1.0); | ||
+ | -webkit-transform: scale(1.0); | ||
+ | transform: scale(1.0); | ||
+ | transition: all 0.7s ease-in; | ||
+ | } | ||
+ | |||
+ | .transparent_link_box:hover { | ||
+ | -moz-transform: scale(1.05); | ||
+ | -webkit-transform: scale(1.05); | ||
+ | transform: scale(1.05); | ||
+ | transition: all 0.7s ease-out; | ||
+ | opacity: 0.25; | ||
+ | filter: alpha(opacity=25); | ||
+ | -moz-opacity:0.25; | ||
} | } | ||
.transparent_link_box:before { | .transparent_link_box:before { | ||
content: ""; | content: ""; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
</style> | </style> | ||
+ | </html> |
Latest revision as of 21:17, 1 November 2017