hover effect for galleries partially done

master
Stefan Krulj 14 years ago
parent 0df01800cf
commit ee3a034837
  1. 33
      style.css

@ -277,12 +277,41 @@ span.pre {
ul.gallery {
display:block;
padding:0px;
height:90px;
}
ul.gallery li {
display:inline;
}
ul.gallery li img {
ul.gallery li img{
/*transform: rotate(2deg);*/
border:2px solid white;
box-shadow: 0px 1px 4px black;
height:75px;
margin:2px;
margin:4px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s
}
ul.gallery li img:nth-of-type(even) {
transform: rotate(1deg);
}
ul.gallery li img:nth-of-type(odd) {
transform: rotate(-2deg);
}
/*ul.gallery li img:img:nth-of-type(5n) {
transform: rotate(3deg);
}
ul.gallery li img:img:nth-of-type(7n) {
transform: rotate(-1deg);
}*/
ul.gallery li img:hover{
transform: rotate(0deg);
box-shadow: 0px 1px 6px black;
height:82px;
margin:0px;
}

Loading…
Cancel
Save