daveT ( David Tanner )


14 Code Samples

Navigation Menus

A collection of navigation menus that can be used in your project.

👁 1665

CSS Spirograph

Pure CSS prismatic spirograph using psuedo-elements and no preprocessor or javascript.

👁 1546

Animated Loading Example

Example of a CSS animated loader, can be used to let people know that content is being loaded.

👁 1820

Animated Circular Rings

Cool animated circular rings, ring colours are random, each time they are loaded they should be different.

👁 1490

Ring Menu

CSS3 Ring Menu by EdoM18. This is just a simple unordered list with five links as the list items. The first link is served as the main trigger of the whole rotating action. The other four links are placed around the main link and are positioned according to the main animation. These links are scaled down to 0 and rotated to -180 degrees and when the main link is hovered, these are scaled up to 1 and rotated to 0 degree which makes it look like the links are behind the main link and they appear while rotating and scaling up.

The rotation animation is made possible by using transitions and by using transform-origin so that these links rotate with origin as the center of the main link. It's a pretty neat and cool technique that won't work in IE as it doesn't support transition property yet.

👁 1855

CSS3 Navigation Menu

CSS3 navigation menu inspired by http://cssdeck.com/item/234/smooth-two-level-css3-navgation-menu

👁 1799