JSFiddle

spdawson's public fiddles

• Animate Page Transition Using jQuery and CSS3 Scale Transforms

  This was just a fun experiment to see if I could do this. I use jQuery for the animation, and CSS3 for the scale transform of the entire content area. The effect is one where the content area ducks into the background and a new content area slides in (from one of four directions). Certainly could use some re-factoring, but I'm pleased with how it turned out.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Beveled corners using jQuery Corner Plug-in

  Part of an exploration of bevel techniques, this uses the jQuery Corner plug-in.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Beveled corners using CSS3 gradients

  Part of an exploration of bevel techniques, this uses CSS3 gradients.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Beveled corners using CSS border attribute

  Part of an exploration of bevel techniques, this uses simple borders. Pros: Bevels are transparent to background images. Cons: Interior image cannot full bleed to bevel edge. Unnecessary markup.

• Private fiddle Extra
• Delete fiddle
Groups Extra