Feed
Pro
Search

Author

Write
Drafts

Bug0 - The AI-native e2e QA regression testing Passmark - The open-source AI framework for regression testing Hackathons Changelog Brand Hashnode gql skill - let your AI agent publish to your Hashnode blog The Foreword by Hashnode - official blog from the Hashnode team @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap
Sign in

Search Hashnode

Search posts, tags, users, and pages

Discussion on "Creating an animated wave line with Tailwind CSS" | Hashnode

FeedDiscussion

Chris Bongers

Looking to get into development? As a full-stack developer I guide you on this journey and give you bite sized tips every single day 👊

Mar 10, 2022

Creating an animated wave line with Tailwind CSS

In this article, we'll look at how powerful Tailwind can be. Not only do we create a super cool animated effect, but we also use only Tailwind classes for this. We'll create this wavy underline effect, and it even animates once we hover it. You can s...

h.daily-dev-tips.com4 min read

#tailwind-css #css #css3 #css-animation

Responses(1)

Jorge Romero

Mar 10, 2022

I don't know Tailwind (yet) but I wonder if there is anything tailwind-specific, or could this be done with plain CSS?

Also a small note. I don't know if it is just my browser, but the codepen doesn't display for me

Thank you for sharing Chris! I'll bookmark this :D

Chris Bongers

Looking to get into development? As a full-stack developer I guide you on this journey and give you bite sized tips every single day 👊

Mar 11, 2022

Hi Jorge,

So the main thing about Tailwind is that it's just a wrapper on top of CSS. So anything Tailwind can do, native CSS can also do.

Hmm. not sure about the codepen, It could be the specific browser is not fully supported.