Файл: www/css/animate.css
Строк: 141
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name:
fadeInUp;
-webkit-animation-duration: .3s;
animation-duration:
.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode:
both;
visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
0%
{
opacity: 0;
-webkit-transform: translateY(20px);
transform:
translateY(20px);
}
100% {
opacity: 1;
-webkit-transform:
translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0%
{
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform:
translateY(20px);
transform: translateY(20px);
}
100% {
opacity:
1;
-webkit-transform: translateY(0);
-ms-transform:
translateY(0);
transform: translateY(0);
}
}
/* S E P A R A T O R
*/
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name:
fadeOutDown;
-webkit-animation-duration: .3s;
animation-duration:
.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode:
both;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:
1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100%
{
opacity: 0;
-webkit-transform: translateY(20px);
transform:
translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity:
1;
-webkit-transform: translateY(0);
-ms-transform:
translateY(0);
transform: translateY(0);
}
100% {
opacity:
0;
-webkit-transform: translateY(20px);
-ms-transform:
translateY(20px);
transform: translateY(20px);
}
}
/* S E P A R A T O R
*/
.scaleUp {
-webkit-animation-name: scaleUp;
animation-name:
scaleUp;
-webkit-animation-duration: .3s;
animation-duration:
.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode:
both;
}
@-webkit-keyframes scaleUp {
0% {
-webkit-transform:
scale(1);
transform: scale(1);
}
100% {
-webkit-transform:
scale(1.1);
transform: scale(1.1);
}
}
@keyframes scaleUp {
0%
{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform:
scale(1);
}
100% {
-webkit-transform: scale(1.1);
-ms-transform:
scale(1.1);
transform: scale(1.1);
}
}
/* S E P A R A T O R
*/
.scaleDown {
-webkit-animation-name: scaleDown;
animation-name:
scaleDown;
-webkit-animation-duration: .3s;
animation-duration:
.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode:
both;
}
@-webkit-keyframes scaleDown {
0% {
-webkit-transform:
scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform:
scale(1);
transform: scale(1);
}
}
@keyframes scaleDown {
0%
{
-webkit-transform: scale(1.1);
-ms-transform:
scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform:
scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}