This plugin helps you delay your animations in tailwind easily
npm install tailwind-animation-delayjavascript
// tailwind.config.js
module.exports = {
content: ['...'],
theme: {
extend: {},
},
plugins: [require('tailwind-animation-delay')],
};
`#### examples :
`html
`
$3
These are the allowed values by default :
`json
{
1: "250",
2: "500",
3: "750",
4: "1000",
5: "1250",
6: "1500",
7: "1750",
8: "2000",
9: "2250",
10: "2500"
}
`
But you can still use your own values by changing the "animationDelay" property :
`javascript
// tailwind.config.js
module.exports = {
content: ['...'],
theme: {
extend: {},
animationDelay: {
1: '1000',
2: '2000',
3: '3000',
},
},
plugins: [require('tailwind-animation-delay')],
};
``