(24 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#hoverimg { | #hoverimg { | ||
− | align | + | position: relative; |
− | + | align-items: center; | |
+ | height:100%; | ||
+ | width: 1150px; | ||
margin: 0 0 0 0 !important; | margin: 0 0 0 0 !important; | ||
padding: 0 0 0 0 !important; | padding: 0 0 0 0 !important; | ||
− | |||
} | } | ||
Line 24: | Line 14: | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
padding: 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%; | 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; | ||
} | } | ||
Latest revision as of 21:17, 1 November 2017