Тёмный

CSS Animations are PAINFUL 

dotSDV
Подписаться 58
Просмотров 907
50% 1

Check out the CodePen: codepen.io/dotSDV/full/oNRRpBg
Figma: www.figma.com/community/file/...
Check out my other socials:
- Tiktok: / dotsdv
- Twitter: / dotsdv
- Ko-Fi: ko-fi.com/dotsdv
00:00 Intro
00:12 The Static Element
00:56 The Hover Animation
01:48 The Click Animation

Наука

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

 

8 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 22   
@shreyash1
@shreyash1 3 дня назад
you're the second css youtuber that I am going to see emerging from 0.
@dotsdv
@dotsdv 3 дня назад
Glad to have you along for the journey!
@sakthikumaran8076
@sakthikumaran8076 3 дня назад
Thanks for the RU-vid recommendation to let me know about this guy!
@dotsdv
@dotsdv 3 дня назад
Hope you enjoyed the video!
@khalidyare7036
@khalidyare7036 3 дня назад
I really wanna learn css animations from you bro. Im glad youtube suggested me your account
@dotsdv
@dotsdv 3 дня назад
Thank for watching! Let me know if there's anything in particular you would like me to cover!
@holypizza1
@holypizza1 5 дней назад
Straight to the point, thanks alot
@dotsdv
@dotsdv 4 дня назад
Thank you! Hope the video was helpful!
@indie_war
@indie_war 2 дня назад
nice one can't wait for other CSS video from you
@dotsdv
@dotsdv 2 дня назад
Thank you! I'm planning to have another one out next week!
@user-uc5kl1dw7i
@user-uc5kl1dw7i 3 дня назад
I'm new at this but i got almost every step. Could you consider highlightning or underlining the properties that are making the changes as you talk about them? (i'm not an english speaker, so that'd help a lot)
@dotsdv
@dotsdv 3 дня назад
Thanks for the feedback! I'll start doing that so it's easier to follow along
@ARBESProductions
@ARBESProductions 3 дня назад
Really cool break down of the process and nice results! Any reason why'd you choose JS event for hover instead of CSS ::hover property?
@dotsdv
@dotsdv 3 дня назад
Thank you and great question! :hover would work as well, but since I used @keyframes the animation would stop abruptly when it leaves the hover state. If it was a simpler animation done using the transition property, then it would stop smoothly since it's just transitioning between property changes. Using the JS event, allows me to keep it in the hover state until the animation ends, which results in a smoother animation
@ARBESProductions
@ARBESProductions 3 дня назад
@@dotsdv Awesome! Thanks for explaining it. You just earned a subscriber, sir.
@dotsdv
@dotsdv 3 дня назад
Thanks for subscribing! It means a lot to me!
@xsdash
@xsdash 3 дня назад
Pro quality content. Keep it up.
@dotsdv
@dotsdv 3 дня назад
Thank you!
@NirajSalunke
@NirajSalunke 3 дня назад
Use GSAP , DO Nothingggg .
@dotsdv
@dotsdv 3 дня назад
Haha yeah, I've worked on a few projects that've used GSAP but I still need to learn it myself
@NirajSalunke
@NirajSalunke 3 дня назад
@@dotsdv try using it( even I am rookie in it) it has massiv power and best performance!
@dotsdv
@dotsdv 2 дня назад
For sure! I'll give it a try!
Далее
Create an animated, glowing, gradient border with CSS
8:27
`const` was a mistake
31:50
Просмотров 127 тыс.
Easily Improve Your Web Design (With Example)
17:59
Просмотров 28 тыс.
Avoid these 5 beginner CSS mistakes
21:38
Просмотров 75 тыс.
Building CLI's with Node.js
10:39
Просмотров 307
Why Signals Are Better Than React Hooks
16:30
Просмотров 460 тыс.
We can now transition to and from display: none
21:20
Every Framework Sucks Now
24:11
Просмотров 93 тыс.