Four different menu animations for menu button toggle between hamburger, cross and back icon. See the Pen Hamburger Menu Animations by Tamino Martinius on CodePen. Prefer Dots? See the Pen Dot Menu Animations by Tamino Martinius on CodePen.
It used to be that designers designed and coders coded. There was no crossover, and that’s the way it was. But with the advent of CSS transitions and animations, those lines are blurring a bit. Source: Making CSS Animations Feel More Natural | CSS-Tricks
Last week, I wrote about how I created the bitsofcode logo animation with CSS. After that, it was suggested that I attempt a comparison between a CSS animation and the Web Animations API, so here it is! Introduction to the Web Animations API As with last week, I’ll start this off with an introduction to… continue reading
In this first article of a series on dynamic DOM animation, Maria Antonietta Perna explores Anime.js, a new library to make the web come to life.
This is a quick refresher of CSS concepts compiled from various articles online. Contributions are always welcome 🙂 I have linked to most of the articles used, sorry if I missed any. Huge thanks to the community! Table of Contents Positioning Display Floats CSS Selectors Selector efficiency Repaints and Reflows CSS3 Properties CSS3 Media queries… continue reading
Looking at Las Vegas signs from the 1950’s put me in mind to create a sparkly lighting effect for web page text. This version is derived from my TV static article, with which it shares some code. Making a Marquee The markup consists of a <canvas> element, heading text, and a surrounding <div>. The h1… continue reading