Quick Hit #28
I like how I’m hearing animations distinguished as “time-based animations” (or TBA) and “scroll-driven animations” (or SDA). A third? Maybe “navigation-based animations” (or NBA, lol) for multi-page transitions?…
I like how I’m hearing animations distinguished as “time-based animations” (or TBA) and “scroll-driven animations” (or SDA). A third? Maybe “navigation-based animations” (or NBA, lol) for multi-page transitions?…
I’m utterly behind in learning about scroll-driven animations apart from the “reading progress bar” experiments all over CodePen. Well, I’m not exactly “green” on the topic; we’ve published a handful of articles on it including this neat-o one by Lee …
Change can certainly be scary whenever a beloved, independent software library becomes a part of a larger organization. I’m feeling a bit more excitement than concern this time around, though.
If you haven’t heard, GSAP (GreenSock Animation Platform) is teaming …
The animation
property in CSS can be used to animate many other CSS properties such as color
, background-color
, height
, or width
. Each animation needs to be defined with the @keyframes
at-rule which is then called with …
I was just going over the latest CSSWG minutes (you can subscribe to them at W3C.org) and came across a few interesting nuggets I wanted to jot down for another time. The group discussed the CSS Values, CSS Easing, and …
I know this is something Chris has wanted forever, so it’s no surprise he’s already got a fantastic write-up just a day after the news broke. In fact, I first learned about it from his post and was unable …
We often think of background images as texture or something that provides contrast for legible content — in other words, not really content. If it was content, you’d probably reach for an <img>
anyway, accessibility and whatnot.
But there are …
I’m pleased to shine a light on the fact that the CSS grid-template-rows
and grid-template-columns
properties are now animatable in all major web browsers! Well, CSS Grid has technically supported animations for a long time, as it’s baked right …
The CSS Working Group gave that a thumbs-up a couple weeks ago. The super-duper conceptual proposal being that we can animate or transition from, say, display: block
to display: none
.
It’s a bit of a brain-twister to reason …