.animated-content { animation: 3s linear 1s infinite alternate slidein; } @media screen and (prefers-reduced-motion: reduce) { .animated-content { animation: fade 0.5s ease-in both; } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter