JS & Code in Wordpress
Out of context: Reply #3
- Started
- Last post
- 21 Responses
- monNom3
I think you can get a very long way with modern CSS. Here's a slidey/animatey interactive demo I made exclusively with CSS (no JS). http://www.hi.agency/deck/
You can pick through the (ugly) source-code for some ideas.One of my favourite approaches combines modern CSS variables with just a little javascript to manage state. You use JS to update CSS variables in the stylesheet, and those changes will cascade through the document styles, which will animate if you have transitions set.
Combine that with css transitions, css keyframes, and possibly even 3D transforms and you get a very rich animation pallet that is very light-weight, runs on the GPU, lends itself well to progressive enhancement for older browsers or mobile. You can do some simple checking to cater the experience almost exclusively in css.