Tailwind CSS —How to Design Custom Animations

#css #webdev #tailwindcss #webdesign

Wanna learn how to design custom animations using TailwindCSS?

Here's the detailed guide by our team that will help you learn to design custom animations.

Days are gone when web designers were using .gif files to show some animations. It’s easy to use CSS animations instead of using external files(you never know, gifs can make your site slow! 😨).

However, CSS provides the facility to apply animations, we will discuss how to add custom animations using Tailwind CSS in this blog.

Here's the list of all 10 animations you will learn in this guide.

wiggle
heartBeat
flip horizontal
flip vertical
swing
rubberBand
flash
headShake
wobble
jello

For detailed implementation, navigate to blog.canopas.com

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.