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.
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 .....
Such a good and impressive video because i want other button effect and I made it inside you code just simply modified your code and I made my button which I want thanks
awesome tutorial bro your the reason why lto wanna learn now web development and making web designs in HTML PHP CSS JS ................. keep it up bro and idk what happens whit my jquary but the other videos of you my jquary is broken or something how do i fix that do u know that but keep it up this nice videos
@@DarkCodeOnline i gonna send if i'm home and i hope i still got it but i think i deleted it :( if it is then i need gonna quit jquery and use css for some effects
this made me realize how powerful CSS is.
Search ONLINE TUTORIAL CSS on UA-cam
The first channel which will come go this it
You will be Stunted
This made me realize how powerful this channel is.
@@albertokoa3563 But why here?
Wish you to see valorant website and their buttons
also HTML HAHA
Our IT teacher gave us a link to this video as an extra task! I love how beautiful and smooth the transition is. Thanks!
As a mechanical student I can say that the electrical energy is converted into mechanical energy🗿
Now I like UA-cam recommendations due to this video 🔥🔥
These are the actual people whom I admire, straight to the point
underrated video
ur a absolute beast , u killed it 👍👍
for everyone whose screen is getting blue please add
position: relative;
overflow: hidden;
to your button's css
Thank you very much
I LUV YOU
This is SUPERB! 😎👍🏻
Great channel for web designers he is choosing awesome songs keep going . I am subscribing right now.
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.
i will try
They are called Pseudo elements ::before and ::after Have a look at CSS3 and html 5
Wish you all the best
love from india @darkcode thanks
creativity in your blood.. nice one 👌👌
Dude this so amazing, thank you very much. Your code is work
mình là 1 sinh viên ở Việt Nam, cảm ơn bạn đã chia sẻ những trick như thế này, mình sẽ đăng kí để học hỏi
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 .....
This is a beauty, well thought and brilliantly done Thanks a lot, but the music was a little bit too rough!
ua-cam.com/video/kiDGZEo-Skc/v-deo.html
@Simon's Muzika same bro
Seriously that damned music
Best UI channel i have come across and i saw you started using jquery as well so might be best in lot of things now ..love your videos
Greetings from Venezuela. They are very good. They have helped me a lot in programming.
thank you
Nice job pal, thanks for the trial 👍
this is actually really good tutorial! Thks!
это просто восхитительно
it's just amazing!
ua-cam.com/video/kiDGZEo-Skc/v-deo.html
Html is just the skeleton of the body and css is soul flesh skin and beautiness 😍😍
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
Great job with this video! Now I am starting to learn how to do CSS flawlessly! Subscribed!
Thank you very much this helps alot with my science assignment
Wanted to ask where u get your hex code for those nice colours
Good job man some thing different I like it
Cool....
Just bit by bit if u would explain that would make really awesome👍
i didn't know atom was the best programming software for html ever
I use VS code lol
it isn't :)
For everyone who is having trobule to link the HTML file to a CSS file you need to copy this code:
Its so easy and extremely helpful ans creative for me
Thank u buddy😭🥰
what software are you using boya~
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%;
}
unbelivable amazing work
这个是真的酷，在学习前段时，我是用这个作者的源码，然后再加上自己的魔改，改出了许多的样式
great job, what kind of editor are you using?
really, meaningful and practical expert!! well done....👍
OMG u a rlly good HTML webpage cretor
Thank you 🤗🤗 your video is very helpful 👍👍
very easy and helpful to learn for newbies, great job!
Great video, worked first time
In this video which you are using for its preview .
Please tell me....
estou começando a programar agora, muito obrigado pelo seu conteúdo!
Como que tá o caminho da programação?
ua-cam.com/video/bTtzjaYPXMs/v-deo.html
How do you type in several lines at the same time, like in 0:55 ?
hold press in ctrl
In case if you're using Visual Studio, you can use Ctrl+D or Cmd+D.
Fantastic coding ideas. Nice bro
welcome
This is actually amazing 😍
So simple yet so beautiful 👌
Which IDE are you using..if you can tell.. Btw I'm Grateful to UA-cam algo for such content.
That’s awesome dude !!!
Thanks for the video, it’s really helpful
ua-cam.com/video/bTtzjaYPXMs/v-deo.html
dear sir, what is that PREVIEW EXTENSION you are using????
Amazing video! Keep them css tricks coming!
Thanks dude, great tutorial.
Subscribed ;)
I successfully did it, but I have a question, It worked for button tag but not for tag, in tag it overflows the area, why this happens?
add the display: inline-block or block in css
Tqxs man for giving some knowledge but I tried u r code it did not work but I tried in another way..👍
Nice video! I think I'm getting A for digital technologies this term
ua-cam.com/video/bTtzjaYPXMs/v-deo.html
Sir in atom HTML is not linking to css please how to link it reply
Excellent button design
Such a good and impressive video because i want other button effect and I made it inside you code just simply modified your code and I made my button which I want thanks
Thanks Dude! it Worked!
Sick beat yo! Nice vid too.
which pad you are using for HTML ??? Reply plz
What is the ‘:before’ thing for?
thank you for lana del rey at the beginning!!☆♡☆
thank u sir
love from pakistan
This things create a big difference
What editing software are you using?
Which software you use?
How to get the "montserrat" font? It's not on Visual Studio code editor ..
you can get it, via import from google fonts
Hello, how did you set up to the right part of the "index.html Preview" screen?
install atom-html-preview in atom
DarkCode Thank you.
Thanks too
@@DarkCodeOnline Hi, could you please provide your source for learning and then mastering HTML5 and CSS3?
Thanks Dude.
Which software did you use to create
Muchas gracias, saludos desde Colombia
are you from colombia?
Whats that program?
Atom
which editor you are using??
it's amazing and beautiful. thanks!
can I ask what html editor did you used?
Thanks a lot dude..keep up more good videos
I don't get why at 3:47 the pseudo element doesn't cover the entire button even if you wrote 100% for the height and width properties
Did you find out why ?
Man, you are great help and inspiration ! ;)
What program you use?
Congratulations. Excellent!!
can you just add written tutorials to your videos to explain every step it will be amazing 😃😃
yes i will try =)
@@DarkCodeOnline If you need help with that, if you use Discord my name is SenseOG#0444 otherwise email me at info@mc-exchange.club
Beautiful! Subscribed
I love your lecture.
which software are you using
How did you get the license for the music
Hope one day i will be high level youtuber💖
what is that site that you pick up colors
thank you. helped so much.!!!!!!
this is INSANE tysm
Gooood thing i am in- viiiiiiiiii- Sible..
can you tell me which editor you are using
atom, from the web atom.io
Nice Work❤️🖐️
this is good but how do u link the css with html cos i did exactly what u did but it isnt working when i do live preview :(
Awesome. Thank You
which software u used pls tell
which text Editor you are useing bro ?
Awesome !😍👍
How can I add this to my shopify store? I want the white to blue hoover effect. Do I have to paste the code into css ?
awesome tutorial bro your the reason why lto wanna learn now web development and making web designs in HTML PHP CSS JS ................. keep it up bro and idk what happens whit my jquary but the other videos of you my jquary is broken or something how do i fix that do u know that but keep it up this nice videos
please send me your code
@@DarkCodeOnline i gonna send if i'm home and i hope i still got it but i think i deleted it :( if it is then i need gonna quit jquery and use css for some effects
Thanks!
Cool! Thank you!