Tailwind-Styled-Component icon indicating copy to clipboard operation
Tailwind-Styled-Component copied to clipboard

Is it possible to use keyframes with this?

Open fotoflo opened this issue 8 months ago • 0 comments

Hi Mathias! Thanks for this amazing plugin, im using it in my project and its a big help.

I want to know if it's possible to use Keyframes: https://medium.com/@matt.readout/adding-css-animations-with-styled-components-6c191c23b6ba

import { keyframes } from 'styled-components'
const breatheAnimation = keyframes`
 0% { height: 100px; width: 100px; }
 30% { height: 400px; width: 400px; opacity: 1 }
 40% { height: 405px; width: 405px; opacity: 0.3; }
 100% { height: 100px; width: 100px; opacity: 0.6; }
`

fotoflo avatar Nov 15 '23 06:11 fotoflo