Ross Hori

writer | designer | photographer

#CSS Animation

Experiments with CSS animations. Although they may look frivolous, each tests a different aspect of creating moving images in a web browser.

How clouds work (a CSS animation)

Work: writing, research and design
Wednesday, June 1st, 2022

One of my earliest experiments with CSS animations, and something that speaks to my sense of humor.

The image is a selection of inline SVGs, each coordinated to behave in a different way and to different timings. What I [keep reading...]

The clock: a css animation

Work: writing, research and design
Wednesday, June 1st, 2022

This is a simple CSS based clock that keeps time against hours, minutes and seconds. I put it together over a couple of hours to test a couple of ideas for other projects I'm working on.

First, the clock "ticks". Instead of a smooth movement, the hands move with a definite gesture from one time mark to the next. This involved a bit of maths, a spreadsheet and a few adjustments to get it to look right. Originally the hour hand did the same thing, although it looked a little [keep reading...]

Graphic of a simple circular clock face

The illuminated kyogen demon: a CSS animation

Work: writing, research and design
Monday, April 25th, 2022

Yes, I know it's a bit childish.

But there [keep reading...]

Tako: an alternative to the hamburger menu

Work: writing, research and design
Friday, April 1st, 2022

The hamburger menu is an acquired taste. Some deride it as confusing and "bad UX" for hiding navigation. Others say it's so ubiquitous it's like arguing putting a key in a lock isn't intuitive.

Since I wrote this article, I've removed Tako as the menu. [keep reading...]

© Ross Hori. All Rights Reserved.