A showcase of CSS3 effects that you can use when scrolling content…
Direct link: CSS Scroll Effects
Category Archives: Code
Paperfold CSS
An impressive folding animation effect that could be used to hide/show various page elements…
Direct link: Paperfold CSS
CSS Font Stacks
A handy list of CSS based font stacks that you can copy and paste into your won stylesheets…
Direct link: CSS Font Stacks
Animate.css – a bunch of plug-and-play CSS animations
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, etc…
Direct link: Animate.css – a bunch of plug-and-play CSS animations
Yellow Fade Technique with CSS Animations
An alternative method of achieving the Yellow Fade Technique pioneered by 37signals. This method achieves simialr results using just CSS animations…
Direct link: Yellow Fade Technique with CSS Animations
CSS Prototyping
This is a simple CSS code snippes to overlay a grid or a mock-up over a page you’re styling. It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text…
Direct link: CSS Prototyping
CSS3 Buttonize Framework
The Buttonize Framework is a simple, light-weight CSS file with precompiled styles and colours for quick, modern looking buttons. It uses CSS3 for rounded corners and subtle gradients but with bulletproof fallbacks for older browsers…
Direct link: CSS3 Buttonize Framework
CSS3 Buttons Experiment
So I had a little fun last night and decided to experiment with some CSS3 buttons. I created eight different buttons so far. No images were used at all. I went wild with gradients and rounded corners…
Direct link: CSS3 Buttons Experiment
CSS Techniques for Horizontal Rules
Code examples for displaying more elaborate horisontal rules in your designs. Examples use background gradients for webkit and mozilla. All versions of IE just show the solid
rule…
Direct link: CSS Techniques for Horizontal Rules
Useful :nth-child Recipes
I get a little giddy when I come across perfect uses for :nth-child or :nth-of-type read about the difference. The better you understand them, the more css nerdgasms you get to have!In these simple "recipes" really: expressions I’ll arbitrarily use a flat list of list items and randomly chosen numbers. But it should be fairly obvious how to alter them to get similar selections…
Direct link: Useful :nth-child Recipes