He regularly shares cool examples of fancy css animations. At the time of writing his focus has been on css scroll animations. I guess there are some new properties that allow playing a css animation based on the scroll position. Apple has been using this on their marketing pages or so jhehy says. The property seems pretty powerful.
But how powerful?
This got me thinking… Could it play a video as pure css?
↫ David Gerrells
The answer is yes. This is so cursed, I love it – and he even turned it into an app so anyone can convert a video into CSS.
Interesting approach. Many of the examples don’t work for me in FF though.
Only the examples that use javascript to assign a frames works for me. Otherwise the CSS is chrome specific.
https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline
It is a neat hack, but I wouldn’t recommend using it for real. Javascript = canvas will get you same or better results without having to solve browser incompatibility issues. The canvas is well optimized and well supported.
A lot of us have seen news websites and apple websites applying “scroll effects|”, I’ve always assumed this was done with javascript. I don’t like the effect much myself though, haha.
FACT: If a web demo doesn’t work on Firefox, it’s just Chrome Creep.
Agree. There are people who thinks Chrome is “The Web Browser (TM)”. The fact that is so complicated to implement and replicate 100% of what’s on web standards doesn’t tell you anything? Also, I think Mozilla has done a big part on its own to make people believe we all will breath HTML/CSS/JS instead of oxygen in some future, these companies want their “products” down your throat at all cost. I personally don’t need ubiquitous web pages, I need efficient software that works.
“Many of the examples don’t work for me in FF though”… You don’t tell!! I can’t believe it!
I’m fed up with this web “tech” crap, it just has lead us to the world we have today where a web page wants to replace any well thought and optimized piece of native software under the sun, with stupidly complicated standards and incompatibilities. Not to mention you need a supercomputer to drag all that crap efficiently. Do anyone remember WWW and content distribution like that was for? It had a real useful and concrete purpose some time ago, when not everyone believe was a leet hacker. I have no intention to ofend the author though.
Pointless and effort best put forth on … well maybe building a better web browser for example. The resulting CSS uses more CPU to play back the “video”.
If you need any more proof as to why developers need guidance, this is it.