Нет описания правки
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
/** Levitate **/
.levitate {
-webkit-animation: levitate 1s steps(10) infinite alternate;
-moz-animation: levitate 1s steps(10) infinite alternate;
-ms-animation: levitate 1s steps(10) infinite alternate;
-o-animation: levitate 1s steps(10) infinite alternate;
animation: levitate 1s steps(10) infinite alternate;
}
/* Expansible */
.textooculto {
display: none
}
.textovisible:hover .textooculto {
display: inline !important
}
/* Hover Classes */
.opacity img {
opacity: 0.5;
filter: alpha(opacity=50);
}
.opacity img:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.tilt {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.tilt:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.shadow img {
-webkit-transition: all 0,2s ease;
-moz-transition: all 0,2s ease;
-o-transition: all 0,2s ease;
-ms-transition: all 0,2s ease;
transition: all 0,2s ease;
}
.shadow img:hover {
-webkit-filter: drop-shadow(10px 7px 1px grey)
}
/* Hover Template */
.imgUnder {
overflow: visible;
display: inline-block;
position: relative
}
.imgOver {
display: block;
visibility: hidden;
width: inherit;
height: inherit;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.imgUnder:hover .imgOver {
visibility: visible;
}