MathiasGilson / Tailwind-Styled-Component

Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Is it possible to use keyframes with this?

fotoflo opened this issue · 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; }
`