@georgetheconqueror2574

Our IT teacher gave us a link to this video as an extra task! I love how beautiful and smooth the transition is. Thanks!

@TemaroonGaming

Now I like YouTube recommendations due to this video 🔥🔥

@noahg2

this made me realize how powerful CSS is.

@arnavg7486

underrated video

@sachinkumar-rc8dk

creativity in your blood.. nice one 👌👌

@madghostek3026

Great video, I think I will stick around your channel for more :) Oh and I know most of the things are very simple but it would be cool if you added text in description/video explaning purpose of certain things (for example the ::before part), because I had to look it up on internet to fully understand.

@anubhavsur1441

These are the actual people whom I admire, straight to the point

@ga7853

This is a beauty, well thought and brilliantly done Thanks a lot, but the music was a little bit too rough!

@csd1447

Bro, i love work & look how amazingly to design entire format 😍

@gullam_mustafa

This is SUPERB! 😎👍🏻

@fushichoumarco4405

for everyone whose screen is getting blue please add 

    position: relative;
    overflow: hidden;

to your button's css

@ahmedhadei7818

body
	
	 
{
 margin:0;
 padding:0;
 
}
.sd
{
 text-align: center;
 margin-top: 360px;
}
.btn
{
 border: 1px solid #3498db;
 background: none;
 padding: 10px 20px;
 font-size: 20px;
 font-family: "montserrat";
 cursor: pointer;
 margin: 10px;
 transition: 0.8s;
 position: relative;
  overflow:hidden;

}
.btn1,.btn2{
 color: #3498db;
}
.btn3,.btn4{
 color: #fff;
}
.btn1:hover,.btn2:hover{
 color: #fff;
}
.btn3:hover,.btn4:hover{
 color: #3498db;
}
.btn::before{
 content: "";
 position: absolute;
 left: 0;
 width: 100%;
 height: 0%;
 background:#32a0a8;
 z-index: -1;
 transition: 0.8s;

}
.btn1::before,.btn3::before{
top: 0;
border-radius: 0 0 50% 50%;
}
.btn2::before,.btn4::before{
bottom: 0;
border-radius: 50% 50% 0 0 ;
}
.btn3::before,.btn4::before{
height: 180%;
}
.btn1:hover::before,.btn2:hover::before{
 height: 180%;

}
.btn3:hover::before,.btn4:hover::before{
 height: 0%;

	
}

@hypersudo8092

Great channel for web designers he is choosing awesome songs keep going . I am subscribing right now.

@travellerthekaustubhjain6025

love from india @darkcode thanks

@cristopherferrari4793

Nice job pal, thanks for the trial 👍

@michaelhorsheef

Great job with this video! Now I am starting to learn how to do CSS flawlessly! Subscribed!

@brawlme9023

ur a absolute beast , u killed it 👍👍

@MERCILINDIVYAM

thank you so much to this video provider..I learn few things due to this video ..This is so much useful (left side coding and right side output )..thank you thank you more than thank you .....

@johndenverfranco6352

i tried to follow the steps but the text only changing but when I put the cursor on the border it doesnt. I'm using the (class="filter" ul <li><a href)  its a how can I fix it?

@progbro

Dude this so amazing, thank you very much. Your code is work