UNPKG

animista-css-generator

Version:
277 lines (273 loc) 4.78 kB
const { cssHash } = require('css-hash'); const generator = require('../generator'); const animationClass = cssHash( (className) => ` ${generator.keyframes( className, ` 0%, 100% { opacity: 1; } -0.02% { opacity: 1; } 0% { opacity: 1; } 1% { opacity: 1; } 1.02% { opacity: 1; } 8.98% { opacity: 1; } 9% { opacity: 0; } 9.8% { opacity: 0; } 9.82% { opacity: 1; } 9.48% { opacity: 1; } 9.5% { opacity: 1; } 9.6% { opacity: 1; } 9.62% { opacity: 1; } 14.98% { opacity: 1; } 15% { opacity: 0.5; } 15.8% { opacity: 0.5; } 15.82% { opacity: 1; } 15.18% { opacity: 1; } 15.2% { opacity: 0.7; } 16% { opacity: 0.7; } 16.02% { opacity: 1; } 15.48% { opacity: 1; } 15.5% { opacity: 0.5; } 16.2% { opacity: 0.5; } 16.22% { opacity: 1; } 16.98% { opacity: 1; } 17% { opacity: 1; } 17.8% { opacity: 1; } 17.82% { opacity: 1; } 20.48% { opacity: 1; } 20.5% { opacity: 0.9; } 21.3% { opacity: 0.9; } 21.32% { opacity: 1; } 20.98% { opacity: 1; } 21% { opacity: 1; } 22% { opacity: 1; } 22.02% { opacity: 1; } 39.98% { opacity: 1; } 40% { opacity: 1; } 41% { opacity: 1; } 41.02% { opacity: 1; } 40.48% { opacity: 1; } 40.5% { opacity: 0.6; } 41.4% { opacity: 0.6; } 41.42% { opacity: 1; } 41.98% { opacity: 1; } 42% { opacity: 1; } 42.8% { opacity: 1; } 42.82% { opacity: 1; } 59.98% { opacity: 1; } 60% { opacity: 1; } 61% { opacity: 1; } 61.02% { opacity: 1; } 60.18% { opacity: 1; } 60.2% { opacity: 0.2; } 61% { opacity: 0.2; } 61.02% { opacity: 1; } 60.78% { opacity: 1; } 60.8% { opacity: 0.4; } 61.6% { opacity: 0.4; } 61.62% { opacity: 1; } 61.38% { opacity: 1; } 61.4% { opacity: 0; } 62.2% { opacity: 0; } 62.22% { opacity: 1; } 61.78% { opacity: 1; } 61.8% { opacity: 1; } 62.8% { opacity: 1; } 62.82% { opacity: 1; } 75.98% { opacity: 1; } 76% { opacity: 1; } 77% { opacity: 1; } 77.02% { opacity: 1; } 77.98% { opacity: 1; } 78% { opacity: 0.7; } 78.8% { opacity: 0.7; } 78.82% { opacity: 1; } 78.98% { opacity: 1; } 79% { opacity: 1; } 80% { opacity: 1; } 80.02% { opacity: 1; } 99.98% { opacity: 1; } 100% { opacity: 1; } 101% { opacity: 1; } 101.02% { opacity: 1; } `, )} .${className} { ${generator.fields( `animation: ${className} var(--animate-duration) linear infinite both`, )} } `, ); module.exports = animationClass;