(21 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#hoverimg { | #hoverimg { | ||
position: relative; | position: relative; | ||
align-items: center; | 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 38: | Line 27: | ||
width: 100%; | width: 100%; | ||
height: 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