In this video we’re going to be looking at how to create a simple transition/animation on page load using some really basic CSS.
Support me on Patreon:
https://www.patreon.com/dcode – with enough funding I plan to develop a website of some sort with a new developer experience!
Follow me on Twitter @dcode!
If this video helped you out and you’d like to see more, make sure to leave a like and subscribe to dcode!
#webdev #css #dcode
source
🔥🔥🔥🙌
Is this somehow similar to the library Animate on Scroll(Aos) ?
can you do delays though?
Thank you! <3
First time I understood transitions due to the simple code.
i was wondering how to fade my page out when leaving the page
Simple and very beautiful. Thank you! Like!
wow! that was so simple and easy! thanks a lot man!!!
Love you bro
Very good and clear-cut video, great job
Thanks :3
thanks for this video for make my project better
thanks you were very helpful!
This was very useful man!
Amazing, so simple yet efficient
I don't see what's rotating in the original example. Why is that part there?
Awesome !! Thanks !
Just awesome!!! Thank you, man!)
P.S. Video liked and subscribed!)
Lovely bro, thank you :))
thank u so much!
what's your vscode theme?
what's the font of your headers? e.g. the 'Transition on load page'?
No setences to Pronounce Late for the learned Something!
great bro i like it its too good
how do I remove page animations? there are some existing page animations to white screen and then back, I want zero animations but have no clue how to remove them 🙁
Thank you sir.
Thank you very useful for those of us who didnt want to use jQuery
Big thanks man, it is 12:26 am currently in our time, I can sleep now peacefully for a while.
or those who are having problems when it fades and items like images appear out of place just put it inside the native css file of the html page and add "animation:…" to the div you want.
I LOVE YOU. YOU HELP-ME A LOT
With just a few lines of code, this makes the website look wonderful!
this is what i looking for, thanks man 😀
I am unable to add other animations like Hinge and Flip . Please make a video on them as they can be very useful not just for me but for other people as well . Thank u sir 🙏
wow love this this is subtle and simple yet nice to the eyes
thanks man i have implemented it in my project
You made it so simple compared to everyone else. THANK YOU!!!
Absolutely amazing! Thank you!
Very clear explanation! Thank you
DUDE I FUCKING LOVE YOU. I GOT HIRED IN MY DREAM COMPANY BECAUSE OF THIS ILOVE OYU I LVOEO YU EOYU OEKVOI LVKE OVEKVOKVEYIUY
DOPE bro! ..Thank you so much. Been developing for years and years and been an online merchant for over 10 years and never even realized such a handy and very useful technique. Very simple and quick to implement and target large swaths of elements, and very powerful indeed. I'll definitely be using this on my projects as well moving forward. Awesome 👍 +1
Helpful content, Thanks
Not all heroes wear capes. Thank you!
Amazing! Looked everywhere for this. Glad I found this. Thank you.
Thank you bro
God bless you
u got my subscribe man. i was searching for this solution for not using js etc and after 3 days i found you. thaaaaaaaanq very much 😀
thank you!