File: /home/barbeatleanalyti/www/public_html/webmail/modules/CoreWebclient/styles/common/keyframes.less
@keyframes cycle {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@-moz-keyframes cycle {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes cycle {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes highlight {
0% { background: @theme-animation-highlight-color-start; }
60% { background: @theme-animation-highlight-color-start; }
100% { background: @theme-animation-highlight-color-end; }
}
@-moz-keyframes highlight {
0% { background: @theme-animation-highlight-color-start; }
60% { background: @theme-animation-highlight-color-start; }
100% { background: @theme-animation-highlight-color-end; }
}
@-webkit-keyframes highlight {
0% { background: @theme-animation-highlight-color-start; }
60% { background: @theme-animation-highlight-color-start; }
100% { background: @theme-animation-highlight-color-end; }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@-moz-keyframes bouncedelay {
0%, 80%, 100% { -moz-transform: scale(0.0) }
40% { -moz-transform: scale(1.0) }
}
@keyframes flipIn {
0% { transform: rotateY(0); max-height: 500px; top: 0px;}
99% { transform: rotateY(90deg); max-height: 500px; top: 0px;}
100% { transform: rotateY(90deg); max-height: 0px; top: -20000px;}
}
@-moz-keyframes flipIn {
0% { -moz-transform: rotateY(0); max-height: 500px; top: 0px;}
99% { -moz-transform: rotateY(90deg); max-height: 500px; top: 0px;}
100% { -moz-transform: rotateY(90deg); max-height: 0px; top: -20000px;}
}
@-webkit-keyframes flipIn {
0% { -webkit-transform: rotateY(0); max-height: 500px; top: 0px;}
99% { -webkit-transform: rotateY(90deg); max-height: 500px; top: 0px;}
100% { -webkit-transform: rotateY(90deg); max-height: 0px; top: -20000px;}
}
@keyframes flipOut {
0% { transform: rotateY(270deg); max-height: 0px; top: -20000px;}
49% { transform: rotateY(270deg); max-height: 0px; top: -20000px;}
50% { transform: rotateY(270deg); max-height: 0px; top: 0px;}
100% { transform: rotateY(360deg); max-height: 500px; top: 0px;}
}
@-moz-keyframes flipOut {
0% { -moz-transform: rotateY(270deg); max-height: 0px; top: -20000px;}
49% { -moz-transform: rotateY(270deg); max-height: 0px; top: -20000px;}
50% { -moz-transform: rotateY(270deg); max-height: 500px; top: 0px;}
100% { -moz-transform: rotateY(360deg); max-height: 500px; top: 0px;}
}
@-webkit-keyframes flipOut {
0% { -webkit-transform: rotateY(270deg); max-height: 0px; top: -20000px;}
49% { -webkit-transform: rotateY(270deg); max-height: 0px; top: -20000px;}
50% { -webkit-transform: rotateY(270deg); max-height: 500px; top: 0px;}
100% { -webkit-transform: rotateY(360deg); max-height: 500px; top: 0px;}
}
@keyframes pulse {
0% { transform: scale(1);}
70% { transform: scale(1.7); }
80% { transform: scale(1.7); }
100% { transform: scale(1.3); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }
70% { -moz-transform: scale(1.7); }
80% { -moz-transform: scale(1.7); }
100% { -moz-transform: scale(1.3); }
}
@-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }
70% { -webkit-transform: scale(1.7); }
80% { -webkit-transform: scale(1.7); }
100% { -webkit-transform: scale(1.3); }
}
@keyframes shake {
0% {transform: translate(0px);}
15% {transform: translate(-15px);}
30% {transform: translate(15px);}
45% {transform: translate(-10px);}
60% {transform: translate(10px);}
75% {transform: translate(-5px);}
90% {transform: translate(5px);}
100% {transform: translate(0px);}
}
@-webkit-keyframes shake {
0% {-webkit-transform: translate(0px);}
15% {-webkit-transform: translate(-15px);}
30% {-webkit-transform: translate(15px);}
45% {-webkit-transform: translate(-10px);}
60% {-webkit-transform: translate(10px);}
75% {-webkit-transform: translate(-5px);}
90% {-webkit-transform: translate(5px);}
100% {-webkit-transform: translate(0px);}
}
@-moz-keyframes shake {
0% {-moz-transform: translate(0px);}
15% {-moz-transform: translate(-15px);}
30% {-moz-transform: translate(15px);}
45% {-moz-transform: translate(-10px);}
60% {-moz-transform: translate(10px);}
75% {-moz-transform: translate(-5px);}
90% {-moz-transform: translate(5px);}
100% {-moz-transform: translate(0px);}
}