Something went wrong. Try again.
Experiment to rebuild Diffuse using web applets.
Something went wrong. Try again.
864 B · 54 lines
CSS
at main
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455:root { --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite;}
.animate-spin { animation: var(--animate-spin);}
.animate-ping { animation: var(--animate-ping);}
.animate-pulse { animation: var(--animate-pulse);}
.animate-bounce { animation: var(--animate-bounce);}
@keyframes spin { to { transform: rotate(360deg); }}
@keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; }}
@keyframes pulse { 50% { opacity: 0.5; }}
@keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }}