Skip to content

Instantly share code, notes, and snippets.

@adevinwild
Created February 26, 2024 14:28
Show Gist options
  • Save adevinwild/f5774981af98a34818ec3910d40e6328 to your computer and use it in GitHub Desktop.
Save adevinwild/f5774981af98a34818ec3910d40e6328 to your computer and use it in GitHub Desktop.
Animated your icons SVGs with a simple keyframe
/** @type {import('tailwindcss').Config} */
export default {
// Other values...
theme: {
extend: {
keyframes: {
svg: {
from: {
strokeDasharray: "1000",
strokeDashoffset: "1000",
},
to: {
strokeDashoffset: "0",
},
},
},
animation: {
svg: "svg 10s ease-in",
},
},
},
// Other values...
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment