52 lines
916 B
CSS
52 lines
916 B
CSS
@keyframes pulse {
|
|
0% {
|
|
transform: scale(0); }
|
|
100% {
|
|
transform: scale(0.5); } }
|
|
|
|
@keyframes slidein {
|
|
from {
|
|
transform: translateX(0%); }
|
|
to {
|
|
transform: translateX(100%); } }
|
|
|
|
@keyframes dropDown {
|
|
from {
|
|
transform: translateY(0%); }
|
|
to {
|
|
transform: translateY(100%); } }
|
|
|
|
@keyframes translateAnimation {
|
|
0% {
|
|
transform: translateX(0);
|
|
/* Start translation */ }
|
|
50% {
|
|
transform: translateX(200); }
|
|
100% {
|
|
transform: translateX(500px);
|
|
/* End translation */ } }
|
|
|
|
@keyframes changeColor {
|
|
0% {
|
|
fill: #b9ce00;
|
|
/* Initial fill color */ }
|
|
100% {
|
|
fill: #ff804d;
|
|
/* Final fill color */ } }
|
|
|
|
@keyframes changeColor2 {
|
|
0% {
|
|
fill: #038788;
|
|
/* Initial fill color */ }
|
|
100% {
|
|
fill: #349a84;
|
|
/* Final fill color */ } }
|
|
|
|
@keyframes traceAppear {
|
|
0% {
|
|
opacity: 0; }
|
|
80% {
|
|
opacity: 0; }
|
|
100% {
|
|
opacity: 1; } }
|