123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- @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; } }
|