Pure CSS Effects and Tips (Does not use JavaScript)
April 17th, 2008
If you don’t want to use any more Script. But you want to have some effects on your blog or site.
Pure CSS effects and tips may be the answer…
In this post you will see some Pure CSS effects and tips (Does not use JavaScript).
You don’t have to use a Script and you will have great effects only-css!
Pure CSS Animated Progress Bar
A simple demonstration of how you can create animated progress bar using pure css.
add a loading icon to your larger images
If you want to let visitors know that the image is loading… That’s nice tips.
How to Create Flick Animations with CSS
Fed up with ‘Flash’? Getting annoyed with animated gifs? Well, why not try an alternative – CSS Flick Animation. That’s awsome!
CSS Image Maps
A sample image map that’s built entirely using CSS and XHTML.
Resizing Thumbnails Using Overflow Property
This tutorial is aimed at controlling the size of the thumbnails appearing on your page.
Pure CSS LightBox
Pure CSS LightBox. Now you don’t need javascript.
CSS-Only Accordion Effect: Vertical Accordian
CSS Accordion Effect. Nice trick!
lixlpixel CSS tooltips
You can have a nice tooltip without JaveScript.
Create a Lightbox effect only with CSS – no javascript needed
100% CSS, 0% javascript lightbox, this may help you.
CSS-only Drop-down Menus
This Drop down menu is driven completely through CSS rules; there’s no JavaScript involved at all.
Menus – Multi-Level CSS Only
In this site you can find tons of samples! Let’s play CSS.
Pure Css Data Chart
You can have a graph too.
http://applestooranges.com/blog/post/css-for-bar-graphs/
Here is also css bar graphs.
Vertical scrolling tables
This is a useful sample of Fixed Table Header.
footerStickAlt
That allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content.
CSS sticky footer
This is also a sticky footer sample.
CSS Gradient Text Effect
Here is a simple CSS trick to show you how to create gradient text effect with a PNG image.



























































































































































