All posts in " animation "
0 Shares

Repeatable, Staggered Animation Three Ways: Sass, GSAP and Web Animations API

By seorocket / last month

Staggered animation, also known as “follow through” or “overlapping action” is one of the twelve Disney principles of animation as defined by Ollie Johnston and Frank Thomas in their 1981 book “The Illusion of Life”. At its core, the concept deals with animating objects in delayed succession to produce fluid motion. The technique doesn’t only […]

0 Shares

Animating Single Div Art

By seorocket / a couple of months ago

When you dig deep with your tools, it is amazing what you can create out of the most basic of HTML. I have been constantly impressed with “Single Div Art” by Lynn Fisher and others where you take a single generic <div> to create a beautiful cactus, Alamo, or panda. See the Pen #dailycssimages 01: […]

0 Shares

Snap Animation States

By seorocket / a couple of months ago

There are many ways to make icons for a website. Inline SVG is scalable, easy to modify with CSS, and can even be animated. If you’re interested in learning more about the merits of using inline SVG, I recommend reading Inline SVG vs Icon Fonts. With ever increasing browser support, there’s never been a better […]

0 Shares

Book Release: SVG Animations

By seorocket / a few months ago

Our own Sarah Drasner has published a book! You can grab it from the O’Reilly website or Amazon. If you need a little convincing, I figured I would post the foreword I wrote for the book here, then you can continue reading over on the O’Reilly site. Foreword Have you ever learned a new word, […]

1 2 3 7
Page 1 of 7