Тёмный

Awesome Cursor Animation on MouseMove Using Javascript 

DarkCode
Подписаться 331 тыс.
Просмотров 70 тыс.
50% 1

◘ Download Files From Here : www.darkcode.info/2020/07/awe...
◘ Facebook Page: / darkcode0
◘ Instagram: / darkcodeonline
◘ Paypal Donation: paypal.me/YBenlachheb
◘ My Patreon: / darkcode
◘ Code Editor: VS Code
◘ Packages installed : Emmet, Live Server
◘ Color Theme Used : One Dark Pro
Track: Syn Cole - Gizmo [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Syn Cole - Gizmo | Hou...
Free Download / Stream: ncs.io/Gizmo

Опубликовано:

 

9 июл 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 57   
@razarsaw
@razarsaw 4 года назад
Your video was great and made me unboard. Keep up the great work.
@brandonalexis8263
@brandonalexis8263 4 года назад
That's a awesome effect, nice vid. Excelent 💪😃
@tagore4d
@tagore4d 10 дней назад
Thanks so much for the video. Its super fun to create this.
@priyanzhu
@priyanzhu 4 года назад
A great video from a great developer.
@taqyathallahxtkj1962
@taqyathallahxtkj1962 2 года назад
Thats crazy bro...,thanks for your sharing your Idea,im support and following you...
@adityaraut9441
@adityaraut9441 3 года назад
Another great video!!
@mahmoudahmed8231
@mahmoudahmed8231 2 года назад
thank u pro nice work
@emorock_2592
@emorock_2592 4 года назад
It's super Awesome!!!
@Aditya35654
@Aditya35654 4 года назад
Your hover effect video was awsome
@AzoxSudo
@AzoxSudo 4 года назад
i respect you always like your work keep it up
@DarkCodeOnline
@DarkCodeOnline 4 года назад
Thank you so much 😀
@lauchaamoral
@lauchaamoral 3 года назад
Tremendo!! Un genio
@amarquezdev
@amarquezdev 3 месяца назад
Muchas gracias!!
@Explorador170
@Explorador170 Год назад
Thank you very much
@briandesign
@briandesign 4 года назад
nice mouse effect!
@DarkCodeOnline
@DarkCodeOnline 4 года назад
Thanks!
@tradewithmarket
@tradewithmarket Год назад
awesome
@Heckmen707
@Heckmen707 3 года назад
Thank u helped me to get extra marks for it
@xenyatox9814
@xenyatox9814 3 года назад
Cool
@khaledbenmechiche402
@khaledbenmechiche402 4 года назад
Thank you !!
@DarkCodeOnline
@DarkCodeOnline 4 года назад
You're welcome!
@AdeyCoder
@AdeyCoder 4 года назад
👏👏 nice
@sianor_sd1869
@sianor_sd1869 3 года назад
hi what is you app for programing?? and vs code or adobe dreamer wich is better?
@MSVInkognito
@MSVInkognito 3 года назад
good idea to make ghost from future video follow the mouse
@thevloglife105
@thevloglife105 3 года назад
There is no hand cursor, please let me know how to do get hand cursor
@CyroCoders
@CyroCoders 3 года назад
I made a cursor with a p5 canvas and it looks exactly like this one different color
@lorenzocerato6081
@lorenzocerato6081 3 года назад
Awesome video! If I can ask, what's the name of the vs code theme you use? Looks like 'atom one dark' but it's not the same...
@user-not-found-97
@user-not-found-97 2 года назад
Theme : material theme u can find in Vs Code easily by going in extensions I'm not sure..
@smylmrz
@smylmrz 2 года назад
I'm doing the exact same thing, but the cursors are not moving smoothly. they lag for some reason. I downloaded your code, it's also lagging
@ravindrareddy4453
@ravindrareddy4453 Год назад
does this works with hover on other elements?
@abubakrhoseini238
@abubakrhoseini238 2 года назад
Thank you so much for this tutorial But a question : Why my hover is not working? I say when p:hover then ~cursor2 {width:5rem}but it's not working For me
@dpphi76
@dpphi76 4 месяца назад
me too
@hemanth1939
@hemanth1939 2 года назад
how can i add the effect on my pc?
@George_Chris
@George_Chris 4 года назад
Nice Cursor 😀. Keep going 💪. How long are you programming in HTML, CSS & JavaScript? Plus I love these languages, but I don't know if these languages are in the future requested, because I learn these languages from scratch (from the beginning of Juni)? Have a nice day George
@ALLINONETECH6
@ALLINONETECH6 3 года назад
These are not programming language 😇
@ALLINONETECH6
@ALLINONETECH6 2 года назад
@Eren Yeager - Shimashou Tatakae yes js is, but not html and css
@MenuGaming-bx5qv
@MenuGaming-bx5qv Год назад
do u have wed developer job pls tbh i need this answer pls bro for god seek
@validusername5481
@validusername5481 4 года назад
"The Thumbnail says animatoin"
@not_kelbaz
@not_kelbaz 3 года назад
XD
@jusi666
@jusi666 4 года назад
How can see browser and code ?
@tugssanaa3996
@tugssanaa3996 3 года назад
function e isnt working it says error
@arjunaajju5777
@arjunaajju5777 3 года назад
is this applicable only on websites
@JamesLewis-ej1on
@JamesLewis-ej1on 3 года назад
This is great but I am having one issue that I am struggling with... a:hover ~ .cursor { transform: translate(-50%, -50%) scale(1.5); background-color: var(--secondary); opacity: 0.5; } a:hover ~ .cursor2 { opacity: 0; } I want the change to occur when I hover over any "a" tag. This isn't working, doesn't matter if i change "a" to a class selector it just doesn't do anything, everything else is working fine, can anyone shed some light on what I'm doing wrong!?
@IamNoldor
@IamNoldor 3 года назад
i have same problem
@IamNoldor
@IamNoldor 3 года назад
What does it mean ' ~ ' in CSS?
@muhammadehtisham4425
@muhammadehtisham4425 2 года назад
How did you solve it ?
@fizzio3d
@fizzio3d 3 года назад
I wanna say something... you should put the transition only in the background.
@shammaskavi
@shammaskavi 3 года назад
.content:hover ~ .cursor2 In the above syntax, what does this ~ signify?? can you please take a moment to explain
@ravichauhan2111
@ravichauhan2111 2 года назад
It is general sibling combinator...you can Google it for more info.
@shammaskavi
@shammaskavi 2 года назад
@@ravichauhan2111Got it, thanks mate!
@amilmajumder1492
@amilmajumder1492 4 года назад
** 😍😍😍
@syediqbalahmed3176
@syediqbalahmed3176 4 года назад
vola ...
@raprap9538
@raprap9538 2 года назад
can u make moving stickman😅
@hameedkhan008
@hameedkhan008 4 года назад
Nice vedio Can u please tell me how to place font awesome icon to input field. Please reply I have asked the same question to your insta account but no reply yet.
@yss64
@yss64 4 года назад
go to fontawesome.com/cheatsheet to get the id of the icon you need, then put something like this into the placeholder/value of your input: "&#xf002" in this example the icon's id is "f002" so just replace it like this "&#x" + "ID of the icon you want"
@yss64
@yss64 4 года назад
also make sure the font-family of the input field is "font-family: FontAwesome, "your desired font"; "
@hameedkhan008
@hameedkhan008 4 года назад
@@yss64 thanks bro for the clearification. Can we customize the icon Like its size, color etc. Without affecting the input field (placeholder) text. Suppose, I have a placeholder of 'username' With icon, then i only want to customize my icon without affecting the 'Username' Please clear it.
Далее
The Mouse Trailer With Smart Features
3:38
Просмотров 150 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 918 тыс.
Zlatan embarrasses Speed 😂 #ishowspeed
00:32
Просмотров 2,7 млн
How to make Eyeballs that Follow You Around
5:16
Просмотров 339 тыс.
Subtle, yet Beautiful Scroll Animations
5:04
Просмотров 1,6 млн
Creating Custom Cursors - CSS Only, and JavaScript!
22:09
Award Winning Elastic Cursor Follow Animation
4:55
Просмотров 231 тыс.
Awesome Hover Effect on Blog Posts Using HTML & CSS
5:17
Awesome Cursor Animation With CSS  & Javascript!
18:36
Просмотров 147 тыс.