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.
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.
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!
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)
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
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?
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!
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 ua-cam.com/video/-VOUK-xFAyk/v-deo.htmlsi=tYj-cSRghmJpDGBk
literally
Bro-rn
propbably just some others find on the internet and he stole it
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 🙏
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 ua-cam.com/video/-VOUK-xFAyk/v-deo.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
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.
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
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.
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 😀
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)
Amazing!!! I didn't even get bored!
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?
You blew my mind
I was smiling so maniacally
Seriously you are making fire on CSS
Sir what you are doing is crazy😡... Pls continue doing it. You are the best.
thx, glad you credited the great CSS teachers on utube!
This is insane! Great work. I would never have the patience to dig this deep into CSS myself.
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
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.
Thanks for explaining this - really useful!
@property --angle {} was the thing that blows my mind. Thank you for making such content.
As someone who has learnt CSS and continued to Javascript, I find this new and very informative.
You deserve more attention. Great videos
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
Sir seriously your videos are the best among the rest.
Bro, you’re a real bro 🤜🤛
Super helpful. please don't stop making these videos.
Superbly explained. Thank you. Subbed!
Wow thank you soo much this is so smart
thanks big dawg, explained it perfectly
Really awesome simple explanation. I love it, and the glow effect looks beautiful.
woww this is so cool, ur explanation is direct tooo, thank u!!!
1:50 Border radius should be 13, because of padding 3
Thank you for the awesome CSS tutorial. I really liked that orange double lines one with that imitation of border
This is really awesome 🎉❤
Thanks!
You're welcome 😊
Very thank you for this. Very good explanation
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!
epic tutorial, subscribed
Perfect, please make more videos about css
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!
Thanks for this video, explained nicely and easily.
awesome stuff. Will def be using this .
THIS WAS SO SICK TO CODE
thank you for your extensive tutorials. I like your videos thank you
Thank you so much!!!!!!!!!!!!!!!!!!!!!!!
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❤
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
thank u bro, it helps a lot🎉
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?
Great work, keep it up 👍
This is so helpful. Thanks a lot.
Perfect explanation with interesting topic
this is great always wanted to learn that but could yo do the same with CSS properties which are widely supported and not experimentation
Very simple and easy-to-follow explanation. You earned a subscriber. 🙌
Thanks... 😁
Thanks for the sub! Welcome to the channel 👋
this is beautiful!
This is so fricking amazing, really cool💥
are you able to do this with a block
Lovely tutorial. I feel like this would've been a good context to teach people about inset though too.
Awesome video. Congratulations 🎉
Thanks!
Liked subscribed. Amazing. Also I didn’t mind the background music :)
Thank U for this lesson. It's very usefully. Have a nice day
Thanks! you too ✌
Finally!! 😢 Thanks ❤, liked and subbed
great ............ so helpful for us. 👌👌👌👌👌
very nice! so simple
Bro can you please make video on *Webkits* and *Combinators*
So good man
Very informative video, I learned a new thing, thanks dear!
👍👍👍😊😊
Great content! Very informative and looks great. 👏👏👏👏
Very nice man. Thats impressive!
Thanks!
I wonder how the hell did you figure it out, it's an amazing technique
Super! 😀
Thanks!!!!
Amazing video! I really want see more content like this one!
Thanks from Colombia 🇨🇴
Like and new sub
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.
It's so amazing
Amazing brother
So cool.... Subsribed right away...
i really appreciate your videos. they're simple to understand. can you make a video about media queries?
Tks bro! awesome content!
Good Video Brother
so nice broo 😍
This is my opinion a cleaner solution than using an SVG
🙂 nice
Hey Fabian, nice video, tho i have a question, how do you make it double like this part on the video? 0:06 Thanks.
Please make a full tutorial on responsiveness.
that was awesome
Thanks !!
Pls I’d appreciate if you can show the html as well since I’m a beginner and I don’t understand the card, box, text yet
Great, it'd like to know more about this @property and other nice uses for it.
Awesome 👍👍👍
i love this video
Bruh, amazing! You got a sub from me 🍻
Awesome, thank you!
amazing!
💥 Superb
Goat
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
thank you
Fascinating
Pro tip 😍
wowowo, thanks!
can u do a video about css grid property
check Nova Designs