chore(web): tailwind keyframe + animation for progress stripe
Browse files- web/tailwind.config.ts +5 -0
web/tailwind.config.ts
CHANGED
|
@@ -46,10 +46,15 @@ const config: Config = {
|
|
| 46 |
"0%,100%": { opacity: "1" },
|
| 47 |
"50%": { opacity: "0.4" },
|
| 48 |
},
|
|
|
|
|
|
|
|
|
|
|
|
|
| 49 |
},
|
| 50 |
animation: {
|
| 51 |
"fade-up": "fade-up 0.5s cubic-bezier(0.2, 0.7, 0.2, 1) both",
|
| 52 |
"pulse-dot": "pulse_dot 1.6s ease-in-out infinite",
|
|
|
|
| 53 |
},
|
| 54 |
},
|
| 55 |
},
|
|
|
|
| 46 |
"0%,100%": { opacity: "1" },
|
| 47 |
"50%": { opacity: "0.4" },
|
| 48 |
},
|
| 49 |
+
"progress-stripe": {
|
| 50 |
+
"0%": { transform: "translateX(-100%)" },
|
| 51 |
+
"100%": { transform: "translateX(300%)" },
|
| 52 |
+
},
|
| 53 |
},
|
| 54 |
animation: {
|
| 55 |
"fade-up": "fade-up 0.5s cubic-bezier(0.2, 0.7, 0.2, 1) both",
|
| 56 |
"pulse-dot": "pulse_dot 1.6s ease-in-out infinite",
|
| 57 |
+
"progress-stripe": "progress-stripe 1.2s linear infinite",
|
| 58 |
},
|
| 59 |
},
|
| 60 |
},
|