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

  9. Encore un effet lightbox en pur CSS.

  10. CSS-only Drop-down Menus

    Un menu en css pur.

  11. Menus - Multi-Level CSS Only

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

  12. Pure Css Data Chart

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

  13. CSS FOR BAR GRAPH

    Un autre exemple de graphique en bar en css pur.

  14. Vertical scrolling tables

    Un tableau avec défilement en CSS pur.

  15. CSS sticky footer

    Une astuces CSS pour vos pieds de pages.

  16. 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