Voilà une liste d’effet visuel réalisé en CSS pure sans utilisation de Java script (Ajax). Voici donc de quoi mettre quelques effets sur votre blog ou site sans en allonger le temps de chargement.

1. Pure CSS Animated Progress Bar

   Voici un bon exemple pour réalisé une barre de progression animée en pur CSS.

2. add a loading icon to your larger images

   Voici donc un effet qui affiche une roue crantée pour prévenir vos visiteurs que les images sont courts de chargements et bien vouloir patienter.

3. CSS Image Maps

   Voici un bon exemple pour réaliser une carte en CSS et XHTML.

4. Resizing Thumbnails Using Overflow Property

   Ce tutoriel est destiné à vous permettre de contrôler la taille des vignettes qui apparaissant sur votre site / blog.

5. Pure CSS LightBox

   Crée votre album avec un effet Lightbox en pur CSS sans javascript.

6. CSS-Only Accordion Effect: Vertical Accordian

   U n effet d’accordéon en pur CSS.

7. lixlpixel CSS tooltips

   Un tutoriel pour crée une info bulle en pur CSS.

8. Create a Lightbox effect only with CSS - no javascript needed

Encore un effet lightbox en pur CSS.

9. CSS-only Drop-down Menus

   Un menu en css pur.

10. Menus - Multi-Level CSS Only

    Et autre exemple de menu, créée par l’excellent Cssglobe.

11. Pure Css Data Chart

    Vous pouvez maintenant réaliser vos graphique en css pur.

12. CSS FOR BAR GRAPH

    Un autre exemple de graphique en bar en css pur.

13. Vertical scrolling tables

    Un tableau avec défilement en CSS pur.

14. CSS sticky footer

    Une astuces CSS pour vos pieds de pages.

15. CSS Gradient Text Effect

    Voici une astuce en CSS pour crée un effet de gradient sur vos titre avec l’utilisation d’une image PNG.

Articles relatifs

• Effet de gradient pour les textes en CSS (0)
• Top 10 des plugins Wordpress (2)
• jQuery - Tutoriel pour créer une popup ajax dans le style de Coda (0)
• Htaccess Editor pour générer vos fichiers .Htaccess simplement en ligne (0)
• Editer en ligne n’importe quelle page web (0)