---
title: "Discussion on \"Creating an animated wave line with Tailwind CSS\" | Hashnode"
description: "Discussion on \"Creating an animated wave line with Tailwind CSS\". In this article, we'll look at how powerful Tailwind can be.\nNot only do we create a super cool animated effect, but we also use only Tailwind classes for this.\nWe'll create this wavy underline effect, and it even animates once we hover it.\nYou can s..."
url: "https://hashnode.com/posts/creating-an-animated-wave-line-with-tailwind-css/6229c5d8e552e99d82e57f5f"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Creating an animated wave line with Tailwind CSS](https://h.daily-dev-tips.com/creating-an-animated-wave-line-with-tailwind-css?utm_source=hashnode&utm_medium=feed)

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.com  
Read the article

-   [#tailwind-css](https://hashnode.com/tag/tailwind-css)
-   [#css](https://hashnode.com/tag/css)
-   [#css3](https://hashnode.com/tag/css3)
-   [#css-animation](https://hashnode.com/tag/css-animation)

## Written by

[Chris Bongers](https://hashnode.com/@dailydevtips)

@dailydevtips · Cape Town, SA

  
[View profile](https://hashnode.com/@dailydevtips)

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.

## Responses 1

Markdown supported · ⌘↵ to post

[Jorge Romero](https://hashnode.com/@JorgeRL)

[Mar 10, 2022](https://hashnode.com/posts/creating-an-animated-wave-line-with-tailwind-css/6229c5d8e552e99d82e57f5f/comment/622a449e6810179d5b052c12)

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](https://hashnode.com/@dailydevtips)

[Mar 11, 2022](https://hashnode.com/posts/creating-an-animated-wave-line-with-tailwind-css/6229c5d8e552e99d82e57f5f/comment/622a449e6810179d5b052c12#reply-622ade21e552e99d82e59e71)

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.