pure css – Thingography.com

Pure CSS Solar System Orbits Animation

A Pure CSS Solar System – with the exception of the background stars – all planets and animation is CSS generated.The scale of the planets and yearly orbits are somewhat scaled, with the exception of the Sun which should be

Transition Mix Pure CSS Animation

A fast and colorful CSS transition animation

Bull’s-eye & Arrows Pure CSS Animation

This was an enlightening project, as it showed me how flexible CSS can be with imagination. A pure CSS bulls-eye target and arrows all made with purely CSS.

Spiral Pure CSS Animation

If you like this Spiral optical illusion animation, check out more Spirals on the Spiral web page.

Newton’s Cradle Pure CSS Animation

Newton’s Cradle made with Pure CSS This is one of my favorite CSS animations. It is completely created with CSS and CSS keyframes. Unfortunately, it was created with fixed sizes (i.e. width:570px; and not a responsive format), which does not

Candy Hearts CSS Animation

kiss me love bug always text me smile love you for ever love me i loveyou call me miss you ur cute cutie pie kiss me xoxo yes ur hot you rock only you you & me ur a 10

Bowl of Fruit with Pure CSS

Bowl of Fruit made with Pure CSS

Fan Pure CSS Animation

Low High Check out 2 more CSS FANS: FAN and FAN-BOX

Fan Box CSS Animation

Check out 2 more CSS FANS: FAN and FAN-ROUND

Fan CSS Animation

Low High This switch may not work in Internet Explorer – Check out 2 more CSS FANS: FAN-BOX and FAN-ROUND

Easter Eggs with Pure CSS

Happy Easter Surprisingly, all the eggs with patterns are all pure CSS. Easter Egg fun without JavaScript.

Earth Moon Orbit CSS Animation

Drain Pure CSS Animation

Multi-colored balls spinning down a drain. Other ideas for this type of animation could be a Roulette wheel, gumball machine, or basketball spinning on the rim, to name a few.