Lead Developer: Adobe Experience Manager.
Father of one.
Minnesota.
Occasionally write here: ahmedmusallam.com and there: https://blogs.perficientdigital.com/author/amusallam/
I forked it and switched the animation time to 1s instead of 2s and translateY to 0.5rem instead of 1rem. I don't know why, but it speaks to me more when it's faster with a shorter travel path, makes it look like it hovering :)
Nice! Definitely, I made it to 2s so we can see the difference between different timing-function clearer. Shorter distance makes it subtle and more natural.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
This is very cool!!
I forked it and switched the animation time to
1s
instead of2s
andtranslateY
to0.5rem
instead of1rem
. I don't know why, but it speaks to me more when it's faster with a shorter travel path, makes it look like it hovering :)codepen.io/anon/pen/eLMQYP
Nice! Definitely, I made it to 2s so we can see the difference between different timing-function clearer. Shorter distance makes it subtle and more natural.