(51 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
<style> | <style> | ||
− | # | + | #hoverimg { |
− | + | position: relative; | |
− | - | + | align-items: center; |
− | + | height:100%; | |
− | + | width: 1150px; | |
+ | margin: 0 0 0 0 !important; | ||
+ | padding: 0 0 0 0 !important; | ||
} | } | ||
− | # | + | #bgimage { |
− | + | z-index: 0; | |
− | + | margin: 0 0 0 0; | |
− | + | padding: 0 0 0 0; | |
− | width: | + | width: 100%; |
− | height: | + | height: auto; |
} | } | ||
− | # | + | #link_layer:before { |
− | + | content: "\200B"; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #link_layer { |
position: absolute; | position: absolute; | ||
− | + | top: 0; | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | z-index: 1; | |
} | } | ||
− | + | .transparent_link_box { | |
position: absolute; | position: absolute; | ||
− | + | opacity: 0.15; | |
− | + | 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; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | opacity: 0. | + | |
− | filter: alpha(opacity= | + | |
− | -moz-opacity:0. | + | |
} | } | ||
.transparent_link_box:before { | .transparent_link_box:before { | ||
content: ""; | content: ""; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
</style> | </style> | ||
− | |||
</html> | </html> |
Latest revision as of 21:17, 1 November 2017