tailwindcss-animation-delay
Advanced tools
tailwindcss-animation-delay - npm Package Compare versions
Comparing version 1.0.6 to 1.0.7
@@ -16,2 +16,3 @@ const plugin = require('tailwindcss/plugin') | ||
| animationDelay: { | ||
| 'none': '0s', | ||
| 75: '75ms', | ||
@@ -18,0 +19,0 @@ 100: '100ms', |
| { | ||
| "name": "tailwindcss-animation-delay", | ||
| "version": "1.0.6", | ||
| "version": "1.0.7", | ||
| "description": "Tailwind CSS plugin, add animation-delay CSS property.", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -9,3 +9,3 @@ # tailwindcss-animation-delay | ||
| ``` | ||
| ```sh | ||
| # Using npm | ||
@@ -20,3 +20,3 @@ npm install tailwindcss-animation-delay | ||
| ``` | ||
| ```js | ||
| // tailwind.config.js | ||
@@ -28,6 +28,6 @@ module.exports = { | ||
| plugins: [ | ||
| require('tailwindcss-animation-delay'), | ||
| require("tailwindcss-animation-delay"), | ||
| // ... | ||
| ], | ||
| } | ||
| }; | ||
| ``` | ||
@@ -37,4 +37,13 @@ | ||
| `animation-delay-{n}` class to specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. | ||
| ```html | ||
| <svg class="animate-bounce animation-delay-300 w-6 h-6 ..."> | ||
| <!-- ... --> | ||
| </svg> | ||
| ``` | ||
| | Class | Properties | | ||
| | -------------------- | ------------------------ | | ||
| | animation-delay-none | animation-delay: 0s; | | ||
| | animation-delay-75 | animation-delay: 75ms; | | ||
@@ -70,3 +79,3 @@ | animation-delay-100 | animation-delay: 100ms; | | ||
| ``` | ||
| ```js | ||
| // tailwind.config.js | ||
@@ -76,12 +85,12 @@ module.exports = { | ||
| animationDelay: { | ||
| 100: '100ms', | ||
| 200: '200ms', | ||
| 300: '300ms', | ||
| 400: '400ms', | ||
| } | ||
| 100: "100ms", | ||
| 200: "200ms", | ||
| 300: "300ms", | ||
| 400: "400ms", | ||
| }, | ||
| }, | ||
| variants: { | ||
| animationDelay: ['responsive', 'hover'] | ||
| } | ||
| } | ||
| animationDelay: ["responsive", "hover"], | ||
| }, | ||
| }; | ||
| ``` |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by6.5%
5786
- Lines of code
- increased by2.33%
44
- Number of lines in readme file
- increased by10.98%
91