TailwindCSS Animated Border Gradient (MIND BLOWING!)

[@reubenblamey11]

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

[@mostafahosseini2762]

Great !Thanks !

[@firstlast7446]

Thanks bro, it really helps me

[@CristianKirk]

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

[@ulysse-2029]

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

[@fernandoli6743]

thx bro, amazing content

[@voldemortvi4264]

Amazing tutorial

[@Agent-zn2gl]

This is super nice

[@manoshandom4525]

wow great creation :)

[@iamparmjeetmishra]

Amazing

[@uzee2257]

Great video one of the best explanations by far for the concept i was able to implement it flawlessly after understanding the concept and a little bit of chat gpt's help :P Looking forward to learn more tailwind css tricks like this thank you. So i actually implemented in one of my passion project it looks absolutely stunning however there was some issues I ran into which were as followed 1. for some reason calc() function decided not to work now that might be happening cause it is being overridden trough other height and width modifires 2. when you are trying to achive this in glassmorphic design it does not quite work well as the pseudo element is visible through other elements to counter the 1st issue i opted in using padding as we want 2px,3px or whatever size around the container which worked out fine for the 2nd part I am yet to figure out how to do it. if any one find it out please reply back on the comment

[@aliakbarmohajeruni3628]

The Auth Kit website has a very beautiful design. What is this design method and style called?

[@2ru2pacFan]

Nice! ❤

[@jte_gaming841]

I found a problem, when the card is a rectangle instead of a square, it doesnt work as intended. Can you make another video on this on how to fix etc?

[@jfhandfield]

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

[@Pareshbpatel]

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

[@sakarsr]

very cool 😀

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 🤔

[@ulysse-2029]

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

[@SpeedCodes-oc7ed]

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

[@raiyansarker]

liked it and would like to see more.

[@ubfinn]

Cool!!

[@bumpyy]

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

[@codinglyio]

@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?

[@aaaabbbbccc123]

@@codinglyio FUCKING SCUM. I KNOW WHERE U RESIDE

[@aymanechaaba]

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

[@ITSKILLSACADEMY]

That was cool

[@godofwar8262]

Keep it up bro did you have discord

[@codinglyio]

I'll set it up!

[@aaaabbbbccc123]

@@codinglyio YEH SHARE... AND I WILL EXPOSE U, U ZIONIST DIRTY SCUM