TailwindCSS Animated Border Gradient (MIND BLOWING!)

Ғылым және технология

Let's create an animated gradient border with Tailwind. It's absolutely stunning, and the technique is super interesting!
📚 Source Code:
play.tailwindcss.com/HGOa6lIqf6
🔗 Socials:
X - x.com/arielweinberger
LinkedIn - / arielweinberger
Timestamps:
00:00 Animated Gradient Border Effect
00:55 Demonstration
01:38 Coding The Effect
08:28 Adjustments/Customization
09:10 Outro
🎶 Credits
Music by: www.bensound.com/free-music-f...
License code: MIQTBMPCVR3OVLX0

Пікірлер: 23

  • @Agent-zn2gl
    @Agent-zn2gl2 күн бұрын

    This is super nice

  • @iamparmjeetmishra
    @iamparmjeetmishra13 күн бұрын

    Amazing

  • @Pareshbpatel
    @Pareshbpatel25 күн бұрын

    Wow! - a really great tutorial on how to create an animated border-gradient with TailwindCSS!. Thanks, Ariel. {2024-04-21}

  • @jfhandfield
    @jfhandfield13 күн бұрын

    Nice tutorial. Thank you. Would be nice if you could do the same on a shadCN button!

  • @reubenblamey11
    @reubenblamey112 ай бұрын

    I learnt a lot, thank you! Truly mind blowing.

  • @2ru2pacFan
    @2ru2pacFan2 ай бұрын

    Nice! ❤

  • @voldemortvi4264
    @voldemortvi426413 күн бұрын

    Amazing tutorial

  • @fernandoli6743
    @fernandoli674314 күн бұрын

    thx bro, amazing content

  • @manoshandom4525
    @manoshandom452516 күн бұрын

    wow great creation :)

  • @raiyansarker
    @raiyansarker2 ай бұрын

    liked it and would like to see more.

  • @ubfinn
    @ubfinn2 ай бұрын

    Cool!!

  • @sakarsr
    @sakarsr20 күн бұрын

    very cool 😀

  • @SpeedCodes-oc7ed
    @SpeedCodes-oc7ed15 күн бұрын

    hi Ariel, i love your udemy courses, hence do you thinking to create a complete animation course for tailwind?

  • 14 күн бұрын

    I would be interested in seeing if we can use a clipping mask to achieve the same with a transparent background or backdrop-filter on the content element 🤔

  • @nkdeus

    @nkdeus

    14 күн бұрын

    Of course, but you can do à clip mask with border radius.

  • @user-hb6yb6bu8n
    @user-hb6yb6bu8n25 күн бұрын

    Can the height of the card-wrapper be dynamic (auto)?

  • @bumpyy
    @bumpyy2 ай бұрын

    I like the explanation, but the audio was kinda low for me. Maybe add mouse interaction next ?

  • @codinglyio

    @codinglyio

    2 ай бұрын

    @bumpyy Fixed that in upcoming videos! It was my first video on the channel, took a while to to get the audio sorted. When you say mouse interaction, do you mean like in AuthKit.com, where you move your mouse and the container moves as well?

  • @CristianKirk
    @CristianKirk15 күн бұрын

    Yeah, it's mindblowing to use tailwind to do something as basic as this.

  • @nkdeus

    @nkdeus

    14 күн бұрын

    Hahahaha, a bro troll -) But yes, true :p

  • @ITSKILLSACADEMY
    @ITSKILLSACADEMYАй бұрын

    That was cool

  • @godofwar8262
    @godofwar82622 ай бұрын

    Keep it up bro did you have discord

  • @codinglyio

    @codinglyio

    2 ай бұрын

    I'll set it up!

Келесі