JSDM

Yosemite Safari Icon in CSS

Trying to reproduce the flat-design look of the Yosemite Safari icon using only HTML/CSS. Includes a transform effect on hover. Day 4 of 30 Days of Codepen @cameroncodes

Newsletter Form Dribble to HTML

Coded version of the dribbble shot http://drbl.in/mMfx by Grant Harris https://dribbble.com/grantharris Thought it would be fun to remake using CSS + Sass

Attractors, forces, collisions

The particles are attracted and, in a collision, bounce off the attractors. This animation using physical principles. Click to add Particles

:nth-child演示

A quick showcase of what nth-child can do.

Loop Animation #2

Little Lunar Loader

Loader animation just for fun, with CSS shapes and keyframes animation. Day 5 of my Codepen-a-day for 30 days. @cameroncodes