Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Search Hashnode

Search posts, tags, users, and pages

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

Feed/

Discussion

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...

Mar 10, 2022·4 min read·h.daily-dev-tips.comRead the article

#tailwind-css
#css

#css3

#css-animation

Written by

Chris Bongers

@dailydevtips · Cape Town, SA

View profile

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 👊

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.

Responses1

Markdown supported · ⌘↵ to post

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

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.