hover after css styled code example
Example: write hover animation for styled div
import styled, { css } from 'styled-components'
const AnimationContainer = styled.div`
transform: translate(0%);
transition: 0.3s ease-out;
${props => props.animated && css`
&:hover {
position: fixed;
transform: translate(0%, -30%);
transition: 0.3s ease-out;
}
`}
`
export default AnimationContainer