﻿@-webkit-keyframes zoomUp {
    100% { -webkit-transform: scale3d(1.3,1.3,1.3); transform: scale3d(1.3,1.3,1.3) }
}

@keyframes zoomUp {
    100% { -webkit-transform: scale3d(1.3,1.3,1.3); transform: scale3d(1.3,1.3,1.3) }
}

.zoomUp { -webkit-transition: .5s; transition: .5s }

    .zoomUp:hover { -webkit-transform: scale(1.3); transform: scale(1.3) }
.element-animation { opacity: 0 }

    .element-animation.left-right { -webkit-transform: translateX(-20%); transform: translateX(-20%) }

    .element-animation.right-left { -webkit-transform: translateX(20%); transform: translateX(20%) }

    .element-animation.to-top { -webkit-transform: translateY(20%); transform: translateY(20%) }

    .element-animation.to-down { -webkit-transform: translateY(-20%); transform: translateY(-20%) }

    .element-animation.to-big { -webkit-transform: scale(.5); transform: scale(.5) }

    .element-animation.to-small { -webkit-transform: scale(1.5); transform: scale(1.5) }

    .element-animation.hover-to-big:hover { -webkit-transform: scale(1.3); transform: scale(1.3) }

    .element-animation.element-show { opacity: 1; -webkit-transition: all 1.5s; transition: all 1.5s; -webkit-transform: translate(0); transform: translate(0); -webkit-transform: scale(1); transform: scale(1) }
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.element-animation.fadeIn { -webkit-animation: fadeIn 1.5s ease-in-out; animation: fadeIn 1.5s ease-in-out; }
