bro you really give the best css videos out there. you cover the most obscure css properties, you explain and break everything down so clearly and you make your videos short enough to not get draggy. love your content 🔥🔥
That was CLEAN! I don't do a ton of CSS in my experience as a full stack dev, just because internal tools don't have to have the fanciest UI but I would like my resume site to look cool and have some uniqueness. And the presentation of this was just phenomenal, the subscribe button having the animation around the border when you said to subscribe just put the cherry on top.
Thanks for the tutorial! I’ve been trying to get back into html/css/js, but I didn’t know where to start. But thanks to you, I now know what I really want to do!
I´m a aspiring computer scientist and it helps me a lot to understand css. I´m bulding my own portfolio website and I´ll integrade the border animations - thanks for help us! Many greetings from Germany!
@@coding2go I have a question :) Is it possible that I can download the script / code of the textbox and the animated border script / css code? I´m struggling regarding the code and my result is not so good like yours in your video...
@@azrfn Hey, it has been some time and I don't know if you still need the code but I am letting you know anyways that I recently added the source code to my website coding2go.com in case you want to download it.
inner border radius (10) + padding (3) = outer border radius (13) (for the after/before element in this case) with this the rounded edges align with themself
Excuse me sir, but your content is just BRILLIANT ! I'm just a beginner in CSS and thanks to you I've understood positions in under 4 minutes, and I'm now we're doing this ! you make it look so easy and simple ... My mind is blown, you are amazing, thanks ! (and a bigger thanks to those who actually created those CSS functionalities because we're just standing on their shoulders here)
Awesome content. Got one video of your channel suggestes and instantly subscribed to the channel. One small improvement tough: When you mention experimental properties, please show the caniuse page for a second so I don't have to! Thank you, keep growing!
I see that a lot of other tutorials do the same. What if you have a semi-transparent background for the main element that is in front of the pseudo element?
Sweet tip about @property I hadn’t heard about that feature yet. Is it faster to animate the gradient using @property than to animate the background element to spin? I wonder how efficient the gradient calculation is. With the old way I hate having to oversize the background to cover the corners and then cleaning up the overflow
a CSS Legend is Born
@@saeentist-hb th-cam.com/video/-VOUK-xFAyk/w-d-xo.htmlsi=tYj-cSRghmJpDGBk
literally
and a javascript developer got died ....
Bro-rn
@@spaceowl5957 xd
bro you really give the best css videos out there. you cover the most obscure css properties, you explain and break everything down so clearly and you make your videos short enough to not get draggy. love your content 🔥🔥
@@zS1L3NT th-cam.com/video/-VOUK-xFAyk/w-d-xo.htmlsi=tYj-cSRghmJpDGBk
No he doesn't 😊
He didn't use any obscure properties tho? Only thing "odd" would be showcasing a new CSS feature.
I love the short videos
I'm doing an online boot camp to be a game dev and needed to make some CSS Effects for an assignment. This video helped me out a lot. Thanks, bro 🙏
Amazing!!! I didn't even get bored!
I found video when I came to yt after being tired from googling border design for button.Then i found this. Thanks for uploading at time
Was actually trying to do it this morning! This video drop right on time aha
Using tailwind, I did have to set my box-sizing to initial. After that it worked fine.
Thanks for sharing!
This is the answer i am looking for at first zindex then i forgot to reset my box-sizing property thanks for telling your opinion
Could you show the code using Tailwind?
That was CLEAN! I don't do a ton of CSS in my experience as a full stack dev, just because internal tools don't have to have the fanciest UI but I would like my resume site to look cool and have some uniqueness.
And the presentation of this was just phenomenal, the subscribe button having the animation around the border when you said to subscribe just put the cherry on top.
Thanks for the tutorial! I’ve been trying to get back into html/css/js, but I didn’t know where to start. But thanks to you, I now know what I really want to do!
This channel is really getting popular, deserves it too! I like the way you explain stuff like this
Thank you so much 😀
I´m a aspiring computer scientist and it helps me a lot to understand css. I´m bulding my own portfolio website and I´ll integrade the border animations - thanks for help us! Many greetings from Germany!
That's nice! Good luck with your Portfolio. Und beste Grüße dir ebenfalls👋
@@coding2go I have a question :) Is it possible that I can download the script / code of the textbox and the animated border script / css code? I´m struggling regarding the code and my result is not so good like yours in your video...
@@azrfn Hey, it has been some time and I don't know if you still need the code but I am letting you know anyways that I recently added the source code to my website coding2go.com in case you want to download it.
This is insane! Great work. I would never have the patience to dig this deep into CSS myself.
You are blowing my mind with these css videos
inner border radius (10) + padding (3) = outer border radius (13) (for the after/before element in this case)
with this the rounded edges align with themself
Thanks, I didn't think of that.
Excuse me sir, but your content is just BRILLIANT ! I'm just a beginner in CSS and thanks to you I've understood positions in under 4 minutes, and I'm now we're doing this ! you make it look so easy and simple ...
My mind is blown, you are amazing, thanks ! (and a bigger thanks to those who actually created those CSS functionalities because we're just standing on their shoulders here)
@property --angle {} was the thing that blows my mind. Thank you for making such content.
Really awesome simple explanation. I love it, and the glow effect looks beautiful.
and here I thought you were gonna apply a transform rotation around the origin but you went above and beyond lol you earned a sub for the fun
Sir what you are doing is crazy😡... Pls continue doing it. You are the best.
Seriously you are making fire on CSS
thank u bro, it helps a lot🎉
This was simple and easy to follow, I will try it the moment I am out of work. And see if I can replicate this
Very thank you for this. Very good explanation
Hey Fabian, I've been following you since a while now. You're doing really well with these concise & to the point tutorials, Good luck man!!
Thanks a lot man! Thats great to hear
Wow thank you soo much this is so smart
Thanks for this video, explained nicely and easily.
You blew my mind
I was smiling so maniacally
thanks big dawg, explained it perfectly
Bro, you’re a real bro 🤜🤛
this is great always wanted to learn that but could yo do the same with CSS properties which are widely supported and not experimentation
woww this is so cool, ur explanation is direct tooo, thank u!!!
thank you for your extensive tutorials. I like your videos thank you
so much fun i love it! i'm a begginer and i love your tutorials! thank you so much for the content
Glad you enjoy it!
Thank you for the awesome CSS tutorial. I really liked that orange double lines one with that imitation of border
Very nice video - I found that for me using the pseudo before and after elements size works better to control the "border" width around 102% to 105%
Sure, that will work too. Thanks for sharing
You deserve more attention. Great videos
Perfect explanation with interesting topic
Lovely tutorial. I feel like this would've been a good context to teach people about inset though too.
Super helpful. please don't stop making these videos.
As someone who has learnt CSS and continued to Javascript, I find this new and very informative.
Sir seriously your videos are the best among the rest.
awesome stuff. Will def be using this .
Superbly explained. Thank you. Subbed!
Very simple and easy-to-follow explanation. You earned a subscriber. 🙌
Thanks... 😁
Thanks for the sub! Welcome to the channel 👋
Perfect, please make more videos about css
This is really awesome 🎉❤
Thanks!
You're welcome 😊
epic tutorial, subscribed
Awesome content. Got one video of your channel suggestes and instantly subscribed to the channel. One small improvement tough: When you mention experimental properties, please show the caniuse page for a second so I don't have to! Thank you, keep growing!
Thanks, I will include info about browser support in future videos.
very nice! so simple
1:50 Border radius should be 13, because of padding 3
Thank you for sharing, I purchased your course on Udemy, and I'm looking forward for more course content like sass and etc
Awesome, thank you!
i really appreciate your videos. they're simple to understand. can you make a video about media queries?
Thank U for this lesson. It's very usefully. Have a nice day
Thanks! you too ✌
are you able to do this with a block
Bro you're my life saver😭🙏thank you so much i needed this for so long i couldn't understand it but this helped me so much❤
Thanks !!
This is so helpful. Thanks a lot.
THIS WAS SO SICK TO CODE
It's so amazing
i love this video
Very informative video, I learned a new thing, thanks dear!
👍👍👍😊😊
great ............ so helpful for us. 👌👌👌👌👌
So good man
Great content! Very informative and looks great. 👏👏👏👏
Please make a full tutorial on responsiveness.
Awesome video. Congratulations 🎉
Thanks!
that was awesome
Great work, keep it up 👍
Thanks!!!!
Amazing video! I really want see more content like this one!
Thanks from Colombia 🇨🇴
Like and new sub
Liked subscribed. Amazing. Also I didn’t mind the background music :)
thank you
Great, it'd like to know more about this @property and other nice uses for it.
This is so fricking amazing, really cool💥
Super! 😀
So cool.... Subsribed right away...
I see that a lot of other tutorials do the same. What if you have a semi-transparent background for the main element that is in front of the pseudo element?
amazing!
This is my opinion a cleaner solution than using an SVG
Very nice man. Thats impressive!
Thanks!
Fascinating
Tks bro! awesome content!
Bro can you please make video on *Webkits* and *Combinators*
this is beautiful!
Awesome 👍👍👍
Amazing brother
thanks
🙂 nice
Finally!! 😢 Thanks ❤, liked and subbed
so nice broo 😍
Sweet tip about @property I hadn’t heard about that feature yet. Is it faster to animate the gradient using @property than to animate the background element to spin? I wonder how efficient the gradient calculation is. With the old way I hate having to oversize the background to cover the corners and then cleaning up the overflow
Great video! But what about the browser support of @property
This video taught me that everything is possible just you need your brain to do that
Hi, the tutorial is great! Can I create something like a polyfill for unsupported browsers?
remove top, left, height and width and use inset: 0 instead on the after element ... 😀
Good Video Brother
can u do a video about css grid property
check Nova Designs
Nice one
💥 Superb
How to make this animation work only when mouse is hovered on the content box or border, BTW awesome video and explaining 😊
Bruh, amazing! You got a sub from me 🍻
Awesome, thank you!
Useful