Lesson Code: http://www.developphp.com/video/CSS/Folding-Content-Nav-Menu-CSS3-Animation-JavaScript-Tutorial
Learn to create various folding content effects with click triggers and toggle mechanisms. Learning these visual effects can greatly enhance your front-end design work. The best part is that it’s so simple to do, that no 3rd party frameworks or libraries are needed. The code is slim, and the visual effects are awesome.
CSS3 Property List
https://www.developphp.com/lib/CSS#Properties
Original source
38 responses to “Folding Content Nav Menu CSS3 Animation JavaScript Tutorial”
Just awesome teaching I have never seen. .before ..
Thank you. Your lessons make me think original instead of stealing other's code all the way which I actually do not understand too much. Your lessons are really genuine and enlightening. Thank you.
Hi Mr. Khoury, all praise for the tutorial. I would ask you for a proposal: how to convert the contents of a button to close? my attempt – menu.innerHTML = "Close"; do not work. Thanks a lot.
Hello Adam do you have a video telling to make different types of slideshows effects for images?
Hi Adam. Do you have a tutorial that explains the "data-opened/dataset.opened" things you used? Or if its easy, could you explain here please? I know some basic javascript , but havent come across that command yet…
the sound effect is on point
yeah so nice man im surching dor this anywhere
sir this program making used jqurey
Many thanks for this great tutorial, the animation loks very difficult but it is so easy to accomplish.
Many thanks from the Netherlands
hello adam how are you my question is this video menubar is craeting <a href> but how to create <ul><li><a> same drop down please reply me
Thanks Adam. A hug from Brazil.
you are clearly the greatest genius that ever lived.
Thanks Adam, you're my hero again. A hug from México.
where can i get the example code?
good look on the webdesignernews site i will check it out from now on
Great work ! Thanks !
he sounds like he's high….. ughhhh
Thank you so much !!!
You're an absolute genius and willing to share it. Thank's people like you make it all worthwhile getting up in the morning.
hey would be cool if you made a web video chat application!!
buhuhahaha , Adam 😀 🙂
Dude, you are like the best teacher on the web!
I can get this to work with multiple buttons, but I want to make it so if 1 menu is open and another menu button is clicked the 1st menu closes and the second opens.
I know its possible to do but i dont have a clue on how to do it
Nice menu animation effects. Thanks
I wish I could give you like 1000 thumb ups… pity I could give only 1…thanks for the piece. 🙂
could be better to style just the closed state as [data-opened=no]{}
Gr8 fucking video man! I kind of like the perspective more at the 0px actually:P
Hi Mr. Khoury, i am on my first "Prove your self to your self project :)))) " and i am actually still trying to learn from you and some other good coders on youtube , i have to admit, i really need to learn alot yet, html and css part is all great but when it comes to connection and php i keep receiving errors and the following is one of them, ( Deprecated: mysql_pconnect The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead ) and since i am so new i really couldnt find the correct way to fix it… i am sure its really easy for prof coders but for new students like me it just keeps imbarassing me to my self ): !!! can you make a small tut on how to use mysqli to connect to localhost instead of mysql ?? or at least inform me the correct code i must use ?? e-mail is : mireyelmofti2010@gmail.com Thanks alot 🙂 and i wish you the best !!! Be safe …
Adam, bro, you may also use the check box input and sibling selectors and the "checked" pseudo-selector to get this effect.
You always surprise me like a magician.
Keep up the good work Adam
sry, but i won't use javascript. only css3+ for design…
next versions of css will do things like that possible, so i hope.
That is pretty slick!
amazing
Nice
adam your such a great tutor.i was wondering if you can introduce a course of coding your develop php site as a project bringing all the tutorials you have been teaching.You can can charge it just as a token for ua work.i will be the first to sign up.Great work
great work..
Thanks Adam