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

  Рет қаралды 458,691

DarkCode

DarkCode

Күн бұрын

Пікірлер: 388
@mujeebchishti8577
@mujeebchishti8577 3 жыл бұрын
You design awesome things like buttons, menu, navigation and login page respect man... Love ❤from India 🇮🇳
@AudioPervert1
@AudioPervert1 5 жыл бұрын
However amazing the animation, it does take us back to the same websites which harvest our minds, content and data.
@imanueldamar
@imanueldamar 4 жыл бұрын
My first impression "MANTUL-Mantap Betul" - indonesian langue in english very nice thanks
@vamsichilukuri
@vamsichilukuri 5 жыл бұрын
I'm addicted to ur channel
@Asif05288
@Asif05288 9 ай бұрын
Amazing Sir You beauty of coding world
@ekowyamoah5807
@ekowyamoah5807 5 жыл бұрын
I started web development not long ago and I'm learning a lot from you thanks a lot
@adityadighe1582
@adityadighe1582 4 жыл бұрын
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
@nomanraju9061 4 жыл бұрын
Best Web channel... Thanks a lot DarkcoDe Team...
@leeli9243
@leeli9243 6 жыл бұрын
Wow that looks amazing! Thank you darkcode!
@DarkCodeOnline
@DarkCodeOnline 6 жыл бұрын
Welcome
@hvmanhabits118
@hvmanhabits118 3 жыл бұрын
MERCIII CHEF BON COURAGE ON ATTEND VOS VIDEOS TJRS 👍👍
@mounikagedi6610
@mounikagedi6610 6 жыл бұрын
Just now a subscriber from me..u deserve itttt!!!!!!!!!!!
@opentech9372
@opentech9372 6 жыл бұрын
I think adding subtitle in your video or youtube will help the viewers 🙏Great tutorials
@YoYo-eg6rc
@YoYo-eg6rc 6 жыл бұрын
Yes you are right dude
@jonathan3488
@jonathan3488 5 жыл бұрын
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
@DelaFarta 6 жыл бұрын
Thank you man, it help a lot beginners !
@mahirfaisalarian9960
@mahirfaisalarian9960 6 жыл бұрын
Dude I just loved the video. I pray for your great future.ThankYou.👍
@KnowingD
@KnowingD 6 жыл бұрын
I benefit from you so much thanks to this explanation
@mandms7686
@mandms7686 6 жыл бұрын
You got skills bro
@ahmadcreators8906
@ahmadcreators8906 5 жыл бұрын
thank you so much brother i learn too many things
@winston6416
@winston6416 4 жыл бұрын
6 minutes and 9 seconds...nice
@jairusmatthias3514
@jairusmatthias3514 5 жыл бұрын
very intelligent great job
@taskilmahmud8503
@taskilmahmud8503 5 жыл бұрын
Dammm one video and already a subscriber Let's hope this leads to a good journey
@ahurein1641
@ahurein1641 5 жыл бұрын
Same here...
@srkweb3512
@srkweb3512 4 жыл бұрын
Thanks for everything
@Science_Flow_BD
@Science_Flow_BD 6 жыл бұрын
Really,,, Awesome...Never Give up ✔
@ata-uo8cm
@ata-uo8cm 3 жыл бұрын
Very Nice Video
@dburnside22
@dburnside22 6 жыл бұрын
That looks super sweet!
@spy3440
@spy3440 5 жыл бұрын
U r a King of coading
@bigdeltaguy4572
@bigdeltaguy4572 5 жыл бұрын
Your content is extremely valuable. Thankyou
@unlimitedcreativity4400
@unlimitedcreativity4400 5 жыл бұрын
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
@nurulfikri2967 5 жыл бұрын
lana del rey - dark paradise
@NapoleonRoca
@NapoleonRoca 4 жыл бұрын
thank for joint your knowledge
@DarkCodeOnline
@DarkCodeOnline 4 жыл бұрын
Welcome!
@subhanalisajjad9616
@subhanalisajjad9616 4 жыл бұрын
Wow man u are really a creative hats off !!!!! But I have a small question which editor u use????
@kong1999
@kong1999 6 жыл бұрын
This is nice! Thank you for sharing!
@eljellin9306
@eljellin9306 5 жыл бұрын
quedo increible
@noobff9201
@noobff9201 6 жыл бұрын
Thank you Darkcode ....💞💞💞💞
@vicomaya7448
@vicomaya7448 5 жыл бұрын
Thank you Guys. Excellent.
@marcusscott4024
@marcusscott4024 5 жыл бұрын
Excellent mind-blowing fantastic.
@grainfrizz
@grainfrizz 6 жыл бұрын
Jesus man CSS doesn't make sense at all but it's so powerful
@25inzy
@25inzy 5 жыл бұрын
Great job buddy.... Please keep it up
@huberman-shorts-podcast
@huberman-shorts-podcast 5 жыл бұрын
Very good.. you are a master!!!
@lishaev4364
@lishaev4364 5 жыл бұрын
Great job....
@rt-x3550
@rt-x3550 5 жыл бұрын
thank you for the learning. it was very helpful and easy to understand..👌😁
@艾尼路
@艾尼路 6 жыл бұрын
I love the music
@JamShi_Life
@JamShi_Life 5 жыл бұрын
its just awesome... which notepad did you use? and how did you make the preview tab?
@JuanseTech
@JuanseTech 5 жыл бұрын
He uses atom, with the package atom-html-preview
@sexyorchestraboy
@sexyorchestraboy 5 жыл бұрын
Thanks for your answer, I was wondering the same.
@Akashkumar-ei5tm
@Akashkumar-ei5tm 6 жыл бұрын
You are amazing bro
@frontendblog1804
@frontendblog1804 4 жыл бұрын
OOH men you're so crazy! Never give up! The best
@DarkCodeOnline
@DarkCodeOnline 4 жыл бұрын
Thx
@oracle7858
@oracle7858 4 жыл бұрын
4:21 why do the squares from .btn::before appear slightly to the right of each button instead of covering the button?
@satellitesage2487
@satellitesage2487 3 жыл бұрын
Because of the text-align: center set inside of .middle
@lilwayne5504
@lilwayne5504 4 жыл бұрын
Круто!
@luis96xd
@luis96xd 6 жыл бұрын
Excellent video tutorial! Thanks! :D
@bbgfxxftghjjjhbfdddddffg8139
@bbgfxxftghjjjhbfdddddffg8139 4 жыл бұрын
Thanks buddy
@eliteitinerary
@eliteitinerary 4 жыл бұрын
I Love The Music And Your Social Icons Awesome Job There! Salute To You ?
@rathorejay2129
@rathorejay2129 5 жыл бұрын
Amazing dude
@RoamingRebel
@RoamingRebel 4 жыл бұрын
superb bro .....
@jslookgood4523
@jslookgood4523 5 жыл бұрын
great work thanks for sharing
@stevenselolo
@stevenselolo 6 жыл бұрын
Beautiful
@mohamedbenlachhebloukili6646
@mohamedbenlachhebloukili6646 6 жыл бұрын
Great
@ricotriwahyu
@ricotriwahyu 4 жыл бұрын
thank you
@user-z5jg3ce1j
@user-z5jg3ce1j 6 жыл бұрын
Amazing! Thank you! (P.S. Hello from Ukraine!)
@rajab4187
@rajab4187 5 жыл бұрын
Hello
@rajab4187
@rajab4187 5 жыл бұрын
I'm ur 63 subscriber
@bobbyryandra
@bobbyryandra 5 жыл бұрын
Thanks a lot bro
@manojdewangan7534
@manojdewangan7534 6 жыл бұрын
You are awesome bro!!! I really like your all videos!
@arunrajkumard7231
@arunrajkumard7231 6 жыл бұрын
Awesome 💪💪💪
@MilkyWay-ru5fx
@MilkyWay-ru5fx 4 жыл бұрын
OMG Amazing video!!!!!!!! I love this brooooooo
@mamumkhan4793
@mamumkhan4793 4 жыл бұрын
Excellent
@thierrylaborde_6097
@thierrylaborde_6097 4 жыл бұрын
thank you !!!
@husler7424
@husler7424 5 жыл бұрын
Prettiest video💟
@astrid7146
@astrid7146 4 жыл бұрын
this is amazing, thank you so much!
@peterkulik5943
@peterkulik5943 6 жыл бұрын
Your videos are awesome!
@DarkCodeOnline
@DarkCodeOnline 6 жыл бұрын
thank you
@michaela.thompson8986
@michaela.thompson8986 4 жыл бұрын
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
@guccigreatness4925 5 жыл бұрын
awesome video bro
@matheussjusttino
@matheussjusttino 4 жыл бұрын
Amazing! Thanks so much for work.
@muhammadfikriamin3168
@muhammadfikriamin3168 5 жыл бұрын
thanks man
@onurtugrul277
@onurtugrul277 6 жыл бұрын
Awesome
@rarapuff7547
@rarapuff7547 5 жыл бұрын
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
@mukhtarhussain2659 4 жыл бұрын
you deserve to be subscribed (Y), good job.
@gprozac
@gprozac 6 жыл бұрын
looks great..thanks.
@indianteam1324
@indianteam1324 5 жыл бұрын
super ...mcqs quation option button css make ..
@craaftercraafterino
@craaftercraafterino 5 жыл бұрын
Woow, very beautifull!
@zebasahin7523
@zebasahin7523 5 жыл бұрын
thank you so much
@gorkemtr
@gorkemtr 6 жыл бұрын
Really good job
@mrsconsolelog
@mrsconsolelog 5 жыл бұрын
wow ! Thanks for sharing !!
@agustinlavalla8892
@agustinlavalla8892 5 жыл бұрын
Amazing! Thanks for share this lesson
@GauravSingh-wc4hd
@GauravSingh-wc4hd 5 жыл бұрын
What text editor you are using? Nice tutorials though!! Keep it Up!!
@akionka
@akionka 5 жыл бұрын
It's atom
@bossysmaxx
@bossysmaxx 5 жыл бұрын
@@akionka yes
@akionka
@akionka 5 жыл бұрын
@@bossysmaxx Thx. I know.
@bossysmaxx
@bossysmaxx 5 жыл бұрын
@@akionka poopTheLoop
@resacmi5446
@resacmi5446 5 жыл бұрын
You are amazing 😍
@mehrshadazizi7456
@mehrshadazizi7456 5 жыл бұрын
wow,great thanks bro.
@댓글부대
@댓글부대 4 жыл бұрын
wow very good video ~
@actgaming3829
@actgaming3829 4 жыл бұрын
wow i can understand 90% of it
@mohamedrifkaans6149
@mohamedrifkaans6149 6 жыл бұрын
superb... i like it
@Fhhvhhhvbjgdv246
@Fhhvhhhvbjgdv246 5 жыл бұрын
If i can give this video 30000000 likes i wouuuld
@jonathan3488
@jonathan3488 4 жыл бұрын
Can I use it on my website ? That's beautiful
@mecil9
@mecil9 5 жыл бұрын
Cool!!!!!! Thanks.it's very useful!
@ger2047
@ger2047 6 жыл бұрын
Thanks Brother
@IrwanKurniawan45
@IrwanKurniawan45 6 жыл бұрын
thankyou broo
@EminMamedov-pp4xs
@EminMamedov-pp4xs 4 жыл бұрын
Give me this style code bro this us amazing. Thank 👏👏👏👏❤❤❤
@radanmitasik8793
@radanmitasik8793 6 жыл бұрын
Awesome is this possible in vanilla javascript or javascript at all ? Maybe jquery idk..
@avigailomichael
@avigailomichael 6 жыл бұрын
Genius!
@DarkCodeOnline
@DarkCodeOnline 6 жыл бұрын
thank you ♥
@suman6476
@suman6476 5 жыл бұрын
Amazing.
@OMARALI-fs2nw
@OMARALI-fs2nw 6 жыл бұрын
Thankkkkkk you
@whatleesboyar6406
@whatleesboyar6406 5 жыл бұрын
best bro..😱
@soheilaazadi7471
@soheilaazadi7471 5 жыл бұрын
It's amazing 😍😍
@zadfcer
@zadfcer 6 жыл бұрын
Sensacional
@ereburg
@ereburg 5 жыл бұрын
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
@vigghencubing1912 6 жыл бұрын
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
@biocode9814 6 жыл бұрын
18K SUBS 💕💕💕
@דיאנהאודינצוב-ע6ל
@דיאנהאודינצוב-ע6ל 5 жыл бұрын
I will use it , thank you :)
Awesome Social Media Buttons Using HTML CSS & JQuery
5:56
DarkCode
Рет қаралды 24 М.
Button Ripple Hover Effects using CSS & Javascript
8:04
Online Tutorials
Рет қаралды 46 М.
coco在求救? #小丑 #天使 #shorts
00:29
好人小丑
Рет қаралды 99 МЛН
Animated Login Form Using Only HTML & CSS
6:27
DarkCode
Рет қаралды 2,4 МЛН
Awesome accordion menu using only HTML & CSS
9:59
DarkCode
Рет қаралды 441 М.
Learn CSS Animations In 20 Minutes - For Beginners
21:22
Slaying The Dragon
Рет қаралды 1,1 МЛН
3D Flip Card Effect On Hover Using Only HTML & CSS
7:58
DarkCode
Рет қаралды 258 М.
Jaron Lanier interview on how social media ruins your life
21:01
Channel 4 News
Рет қаралды 3,8 МЛН
Top CSS & Javascript Animation & Hover Effects | January 2021
9:31
Online Tutorials
Рет қаралды 645 М.
Lada Aura - полный разбор на компоненты.
43:47
Клубный сервис
Рет қаралды 264 М.
Buttons With Awesome Hover Effects Using Only HTML & CSS
5:48