Tailwind CSS transition not working.
For the most part everything works. The only thing that doesn't work is the animation speed. No matter what I do nothing happens. I could make it work in regular CSS but that would defeat the point learning in Tailwind CSS.
So if anyone has any clue why
transition-all duration-1000 ease-in-out
doesn't work. Let me know it. Thank you for you time.2 Replies
I am the first to admit that I don't know much about Tailwind but as far as I can tell you have set up the transition but not told it to actually transition anything. Wouldn't you need to add an event such as a hover to initiate the transition?
Sorry if I am way off the mark.
Simply put I have Google Logo the big G image.
1. I want that G image to be in a white circle to stay still. Because now I have layout shifts..
2. When the animation happens the width changes to the left while image doesn't move and reveals word Google.
This is also ok to be done in normal CSS. I will convert it myself to Tailwind.