Social media buttons with amazing animation on hover using html & css

[@mujeebchishti8577]

You design awesome things like buttons, menu, navigation and login page respect man... Love ❤from India 🇮🇳

[@AudioPervert1]

However amazing the animation, it does take us back to the same websites which harvest our minds, content and data.

[@imanueldamar]

My first impression "MANTUL-Mantap Betul" - indonesian langue in english very nice thanks

[@vamsichilukuri]

I'm addicted to ur channel

[@Asif05288]

Amazing Sir You beauty of coding world

[@ekowyamoah5807]

I started web development not long ago and I'm learning a lot from you thanks a lot

[@adityadighe1582]

Excellent tutorial Sir !! I learned so many things by watching your video !! You are great and have been of great help. My best wishes to you for your future plans and life !! Thank you so much !!! Love from India !!!

[@nomanraju9061]

Best Web channel... Thanks a lot DarkcoDe Team...

[@leeli9243]

Wow that looks amazing! Thank you darkcode!

[@DarkCodeOnline]

Welcome

[@hvmanhabits118]

MERCIII CHEF BON COURAGE ON ATTEND VOS VIDEOS TJRS 👍👍

[@mounikagedi6610]

Just now a subscriber from me..u deserve itttt!!!!!!!!!!!

[@opentech9372]

I think adding subtitle in your video or youtube will help the viewers 🙏Great tutorials

[@YoYo-eg6rc]

Yes you are right dude

[@jonathan3488]

Subtitles will just interrupt focusing on the code, unless he freezes or slows the video , and that will make the tutorials much longer to watch, and cause extra editing work

[@DelaFarta]

Thank you man, it help a lot beginners !

[@mahirfaisalarian9960]

Dude I just loved the video. I pray for your great future.ThankYou.👍

[@KnowingD]

I benefit from you so much thanks to this explanation

[@mandms7686]

You got skills bro

[@ahmadcreators8906]

thank you so much brother i learn too many things

[@winston6416]

6 minutes and 9 seconds...nice

[@jairusmatthias3514]

very intelligent great job

[@taskilmahmud8503]

Dammm one video and already a subscriber Let's hope this leads to a good journey

[@ahurein1641]

Same here...

[@srkweb3512]

Thanks for everything

[@Science_Flow_BD]

Really,,, Awesome...Never Give up ✔

[@ata-uo8cm]

Very Nice Video

[@dburnside22]

That looks super sweet!

[@spy3440]

U r a King of coading

[@bigdeltaguy4572]

Your content is extremely valuable. Thankyou

[@unlimitedcreativity4400]

Amazing. Honestly you make the best modern things in html I have ever seen. Just a request, what is the name of the song of your intro

[@nurulfikri2967]

lana del rey - dark paradise

[@NapoleonRoca]

thank for joint your knowledge

[@DarkCodeOnline]

Welcome!

[@subhanalisajjad9616]

Wow man u are really a creative hats off !!!!! But I have a small question which editor u use????

[@kong1999]

This is nice! Thank you for sharing!

[@eljellin9306]

quedo increible

[@noobff9201]

Thank you Darkcode ....💞💞💞💞

[@vicomaya7448]

Thank you Guys. Excellent.

[@marcusscott4024]

Excellent mind-blowing fantastic.

[@grainfrizz]

Jesus man CSS doesn't make sense at all but it's so powerful

[@25inzy]

Great job buddy.... Please keep it up

[@huberman-shorts-podcast]

Very good.. you are a master!!!

[@lishaev4364]

Great job....

[@rt-x3550]

thank you for the learning. it was very helpful and easy to understand..👌😁

[@艾尼路]

I love the music

[@JamShi_Life]

its just awesome... which notepad did you use? and how did you make the preview tab?

[@JuanseTech]

He uses atom, with the package atom-html-preview

[@sexyorchestraboy]

Thanks for your answer, I was wondering the same.

[@Akashkumar-ei5tm]

You are amazing bro

[@frontendblog1804]

OOH men you're so crazy! Never give up! The best

[@DarkCodeOnline]

Thx

[@oracle7858]

4:21 why do the squares from .btn::before appear slightly to the right of each button instead of covering the button?

[@satellitesage2487]

Because of the text-align: center set inside of .middle

[@lilwayne5504]

Круто!

[@luis96xd]

Excellent video tutorial! Thanks! :D

[@bbgfxxftghjjjhbfdddddffg8139]

Thanks buddy

[@eliteitinerary]

I Love The Music And Your Social Icons Awesome Job There! Salute To You ?

[@rathorejay2129]

Amazing dude

[@RoamingRebel]

superb bro .....

[@jslookgood4523]

great work thanks for sharing

[@stevenselolo]

Beautiful

[@mohamedbenlachhebloukili6646]

Great

[@ricotriwahyu]

thank you

[@user-z5jg3ce1j]

Amazing! Thank you! (P.S. Hello from Ukraine!)

[@rajab4187]

Hello

[@rajab4187]

I'm ur 63 subscriber

[@bobbyryandra]

Thanks a lot bro

[@manojdewangan7534]

You are awesome bro!!! I really like your all videos!

[@arunrajkumard7231]

Awesome 💪💪💪

[@MilkyWay-ru5fx]

OMG Amazing video!!!!!!!! I love this brooooooo

[@mamumkhan4793]

Excellent

[@thierrylaborde_6097]

thank you !!!

[@husler7424]

Prettiest video💟

[@astrid7146]

this is amazing, thank you so much!

[@peterkulik5943]

Your videos are awesome!

[@DarkCodeOnline]

thank you

[@michaela.thompson8986]

I seem to have done something wrong. I've copied and pasted the font-awesome link into my header and used the exact i tag class references to all the various icons, and yet all I get are empty squares on my live server page. Did I miss a step in the process? Over all, though, excellent tutorials! Really enjoy learning and following your tutorials. Please, keep adding more. Just starting out and have about 2 weeks of using ATOM and watching several tutorials from various people and groups. Thank you.

[@guccigreatness4925]

awesome video bro

[@matheussjusttino]

Amazing! Thanks so much for work.

[@muhammadfikriamin3168]

thanks man

[@onurtugrul277]

Awesome

[@rarapuff7547]

Awesome work! Thank you! But I'm very confused. The before pseudo elements are actually above the icons. If you set the original position of the before pseudo elements as: top: -10%, left: -10%, you can't even see those icons. But when you hover your mouse on and the animation plays, you can see those icons. Why?

[@mukhtarhussain2659]

you deserve to be subscribed (Y), good job.

[@gprozac]

looks great..thanks.

[@indianteam1324]

super ...mcqs quation option button css make ..

[@craaftercraafterino]

Woow, very beautifull!

[@zebasahin7523]

thank you so much

[@gorkemtr]

Really good job

[@mrsconsolelog]

wow ! Thanks for sharing !!

[@agustinlavalla8892]

Amazing! Thanks for share this lesson

[@GauravSingh-wc4hd]

What text editor you are using? Nice tutorials though!! Keep it Up!!

[@akionka]

It's atom

[@bossysmaxx]

@@akionka yes

[@akionka]

@@bossysmaxx Thx. I know.

[@bossysmaxx]

@@akionka poopTheLoop

[@resacmi5446]

You are amazing 😍

[@mehrshadazizi7456]

wow,great thanks bro.

[@댓글부대]

wow very good video ~

[@actgaming3829]

wow i can understand 90% of it

[@mohamedrifkaans6149]

superb... i like it

[@Fhhvhhhvbjgdv246]

If i can give this video 30000000 likes i wouuuld

[@jonathan3488]

Can I use it on my website ? That's beautiful

[@mecil9]

Cool!!!!!! Thanks.it's very useful!

[@ger2047]

Thanks Brother

[@IrwanKurniawan45]

thankyou broo

[@EminMamedov-pp4xs]

Give me this style code bro this us amazing. Thank 👏👏👏👏❤❤❤

[@radanmitasik8793]

Awesome is this possible in vanilla javascript or javascript at all ? Maybe jquery idk..

[@avigailomichael]

Genius!

[@DarkCodeOnline]

thank you ♥

[@suman6476]

Amazing.

[@OMARALI-fs2nw]

Thankkkkkk you

[@whatleesboyar6406]

best bro..😱

[@soheilaazadi7471]

It's amazing 😍😍

[@zadfcer]

Sensacional

[@ereburg]

Sorry for bad English, but I should leave this comment. There is an issue on Safari, when I make fast mouse movement between buttons: in left bottom corner, it makes visible normally, not rounded. Seems like it can't to render in time or why, I don't know. Can you check it? Thanks in advance.

[@vigghencubing1912]

when you added the scale 1.3 effect to the animation i tried rotate 360 deg instead and i like it more than scale 1.3

[@biocode9814]

18K SUBS 💕💕💕

[@דיאנהאודינצוב-ע6ל]

I will use it , thank you :)