Animated gradient buttons on hover Using HTML & CSS 

Always think practically 🙂 Yes, we can obviously target them with the nth-child selector but think about a situation where we want to add another button between 1st and 2nd one.. Not just a button, what if we want to insert a div in between? Layout will break. But with class, no worries.

@@VipinMishraVm very true

i'm from earth

Трепещущий Мозг im from “i ask u something”?

@@KennyCu_ maybe

He uses Atom

google it, is pretty simple...

just use the a tag in html do u even know how to use html good?

Obvious

Atom

LiL Musk, it is plugin for “Atom” atom.io/packages/atom-html-preview

Atom.io

I have the same problem

its atom.io

thx.bro... i have been watching ur video since i started web degian.

I use vscode.

@@gixxerblade how about sublime

Free Willy After using “left:50%” and “top:50%” the .container will be center in the middle of its parent (the body in this case). But only problem is that it happened from the top left corner of the .container. What we actually want is the center of the .container to be in the center of the body (the parent element) So transform: translate(-50%,-50%) tells .container to move to the left by 50% of its own width and also move to the top by 50% of its own height. Check this post for more information stackoverflow.com/questions/46184458/transform-translate-50-50/46184660

@@mikefreeman3050 a very clear explanation. Thank you

Cha Vo, atom.io

Hahahha xD