Border Animation CSS | Quick Animation

[@DevMadeEasy]

🌟 Source Code: devmadeeasy.gumroad.com/l/border_animation

[@agent4525]

I couldn't understand this rotating border for quite a while now. You explained it so well now i understand it. Thanks a lot.

[@DevMadeEasy]

Great to hear!

[@theheritagee]

I like the way you explain every code and how you take your time when doing things I've not really watched most of your videos but from what I've watched on your channel, I can say you are good Big Ups bro😎💯👊

[@DevMadeEasy]

I appreciate that!

[@RUNWITHRAMU]

Super sir. great explanation. 1st time I tried it but there was some clumsy. But u explained it clearly. Tq for this wonderful video. I will compulsary subscribe your channel.👏👏

[@DevMadeEasy]

Hello DEV I am glad you liked it... Thanks for the sub. And Happy Coding my friend!

[@batataleal]

Are you Silvio Santos teaching CSS ? If not your voice is the same.

[@WaliaIbex]

You are the best . New subscriber

[@DevMadeEasy]

Thanks and welcome

[@TCLKanxi]

Hi, great video, is it possible to have a solid border, only animate on hover? Thank you

[@DevMadeEasy]

Yes, absolutely

[@LePhenixGD]

Thank you mate! Though I'm curious to know, what does the "inset" property work? I personally never used that property in CSS

[@DevMadeEasy]

Thanks for watching, I'm glad it helped. I believe I will do a short teaching just this property soon. Thanks for the feedback and Happy Coding my friend!

[@lexgim]

this is so cool man, but i dont understand what is content: ''; i see it in every video but idk what it means

[@DevMadeEasy]

Hello dev! Pseudo-elements: content is a property commonly used with ::before and ::after pseudo-elements to insert content before or after the element’s actual content. Empty content: '' '' means an empty string will be inserted. Happy Coding!

[@simonnganga1740]

This is awesome. I request you do a long video since you are demystifying the concept very well and with ease

[@DevMadeEasy]

Thanks, will do!

[@f1cuss_ntb]

Hello, i want to send this animation to back of all my content. How can i do ?

[@hemantsharma-xf3ub]

source code is not getting in link

[@DevMadeEasy]

Fixed, thanks for your feedback!

[@kakoozaxenyondo00]

Thank you so much. My pc is a 11th gen machine, it can't execute previous syntax of code. It needs latest versions of programming language syntax. Your syntax has worked on my pc. I appreciate your video.

[@DevMadeEasy]

I am glad you liked it. Happy Coding my friend.

[@silentstar2760]

Suck cool animation! Thank you 🙏!

[@charith-q8m]

Ohh my god.. the fps rate of the vid is super

[@umapessoaaleatoria9119]

tu é br né mano?

[@DevMadeEasy]

Eu sou Português, vivo em Portugal!🇵🇹

[@rotes3106]

Haha this is amazing dear! That was so heloful and clear! Thanks!

[@DevMadeEasy]

Glad it was helpful!

[@muitocompouco3396]

Hello, I'm from Brazil, I'm starting in the development area. this content was amazing, I already signed up to follow more classes!

[@DevMadeEasy]

Welcome aboard! And Happy Coding my Friend!

[@akabestbrazilianbishop]

I'm from Brazil too and I agree. What a amazing content. Greetings!

[@Trazynn]

This is neat and very creative, but surely there's a cleaner way of tracing a gradient across a path? A more complex edge would look weird using this trick.

[@DevMadeEasy]

Hey Trazyn Yes, CSS is a powerful tool and this is just one of the many ways to get this result. You can do it another way and share it with us on Codepen, for example. It's this curiosity, this desire to do things differently that makes us web developers! Happy Coding my friend.

[@tyagigaming9784]

who is your code editor ?

[@DevMadeEasy]

In this project specifically I used 'Brackets'. Happy Coding my Friend!

[@thedarkbountyhunter7592]

This one was so easy and understandable. 🎉🎉🎉

[@DevMadeEasy]

I am glad you liked my friend. Happy Coding!

[@rajdeepmovies7215]

thankss🙂🙂🙂

[@helldudes5924]

Thanks man !!

[@DevMadeEasy]

Happy to help

[@prmersal6450]

I want to add image at centre make it circle how

[@DevMadeEasy]

You can use any content you want... Happy Coding my friend!

[@Nextronlab]

How do I add image on the button and make the image rotating once it's clicked ​@@DevMadeEasy

[@RafaelSouza-bq6yy]

pika to fly, das galaxias, meu patrão!

[@DevMadeEasy]

Opa Rafael, fico feliz que tenha gostado. Happy Coding!

[@VisheshRaghav-o2e]

It's good. Thanks 😊

[@DevMadeEasy]

I'm glad you like it

[@muthurams4809]

Sir provide the video for how to make responsive web site.... And how to use bootstrap in web site

[@MahfuzAhmed-75]

🎉you are the best👀😃

[@DevMadeEasy]

👋Hey there, Web Warrior! Thank you so much for the kind words and support! 🙌🎉 It means a lot to me and I'm glad that I can help you on your web dev journey. Happy Coding my friend! 😃💻👍

[@syediqbalahmed3176]

*_good ... ocay ..._*

[@DevMadeEasy]

Hello Syed, I'm glad you liked it!