.rotate {
overflow: hidden;
}
.rotate img {
transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
transform-origin: center center;
}
.rotate:hover img {
transform: scale(1.03) rotate(-0.5deg);
} @keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px); }
to {
opacity: 1;
transform: translateY(0); }
} .animate-bottom.inview {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 2s;
animation-name: animatebottom;
animation-duration: 2s
}
@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 }
to { bottom:0px; opacity:1 }
} .hidden {
opacity: 0;
}
@-webkit-keyframes fade-in {
0%   { opacity: 0; transform: scale(.7,.7) }
100% { opacity: 1;}
}
@keyframes fade-in {
0%   { opacity: 0; transform: scale(.7,.7) }
100% { opacity: 1; }
}
.fade-in-element {
animation: fade-in 2s;
} .reveal {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-moz-transition: .8s;
-o-transition: .8s;
-webkit-transition: .8s;
transition: .8s;
}
.reveal:nth-of-type(2) {
-moz-transition-delay: .6s;
-o-transition-delay: .6s;
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.reveal:nth-of-type(3) {
-moz-transition-delay: .9s;
-o-transition-delay: .9s;
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.reveal:nth-of-type(4) {
-moz-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.reveal:nth-of-type(5) {
-moz-transition-delay: 1.4s;
-o-transition-delay: 1.4s;
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.reveal:nth-of-type(6) {
-moz-transition-delay: 1.7s;
-o-transition-delay: 1.7s;
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
.reveal.inview {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}