1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
|
#testCSS {
height: 385px;
position: relative;
}
#testCSS ul li{
float: left;
height: 385px;
margin-left: 20px;
margin-right: 20px;
list-style-type: none;
}
#testCSS ul li:before{
z-index: -1;
position: absolute;
content: "";
bottom: 16px;
left: 106px;
top: 0%;
max-width:250px;
width: 100%;
opacity: 0.3;
-moz-opacity: 0.3;
filter:alpha(opacity=3);
background-image: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
-webkit-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-o-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
} |