La maîtrise de CSS3 peut rendre la page entière plus cool. Ici, nous avons rassemblé 47 effets cool implémentés avec CSS3, et ajouté des liens de tutoriel pour chaque effet.

1. Nuancier avec CSS3 et jQuery

Démo    

2. Effets de survol de miniatures en 3D

Démo    

3. Créez un menu époustouflant en CSS3

Démo    

4. Des transitions CSS3 plus efficaces

Démo    

5. Créez des mises en page fluides avec CSS3 et HTML5

Démo    

6. Maîtriser les arrière-plans multiples en CSS3

   

7. Style de liste déroulante personnalisée

Démo    

8. Créez rapidement une page teaser élégante avec CSS3

Démo    

9. Portfolio à vignettes grandissantes

Démo    

10. Interrupteurs à boutons avec cases à cocher et fantaisie CSS3

Démo    

11. Filtres CSS3 : modifier le HTML et les images avec seulement du CSS

   

12. Cercle 3D à retournement avec CSS3 et jQuery

Démo    

13. Réaliser une vitrine produit impressionnante avec CSS3

Démo    

14. Mise en page responsive uniquement en CSS avec transitions fluides

Démo    

15. Créer une balle rebondissante 3D animée avec CSS3

Démo    

16. Créer un magazine à tourne-page avec turn.js

Démo    

17. Diagramme à barres 3D animé avec CSS3

Démo    

18. Un diaporama en boucle en CSS3 pur

Démo    

19. Effet de superposition d'annotation avec CSS3

Démo    

20. Comment créer un graphique interactif en utilisant CSS3 et jQuery

Démo    

21. Diaporama CSS3 fluide avec effet de parallaxe

Démo    

22. Créer un effet de note autocollante avec CSS3 et HTML5

Démo    

23. Onglets de contenu animés avec CSS3

Démo    

24. Navigation CSS3 élégante

Démo    

25. Mots en rotation avec des animations CSS

Démo    

26. Comment créer un menu accordéon en CSS3 pur

Démo    

27. Formulaire de connexion et d'inscription avec HTML5 et CSS3

Démo    

28. Introduction au module CSS Flexbox

Démo    

29. Navigateur de contenu responsive avec CSS3

Démo    

30. Recréer le logo IBM Lotusphere en CSS3

Démo    

31. Formulaire de connexion de type Apple avec des transformations 3D CSS

Démo    

32. Menu déroulant CSS3

Démo    

33. Effets de survol originaux avec CSS3

Démo    

34. Effet de navigation de menu CSS3

Démo    

35. CSS3 avec jQuery / Animation inversée

Démo    

36. Barres de progression CSS3

Démo    

37. Créer une page À propos propulsée par PHP et CSS3

Démo    

38. Comment créer une belle icône avec CSS3

Démo    

39. Créer des rubans 3D uniquement avec CSS3

Démo    

40. Créer un formulaire de téléversement avec CSS3, HTML5 et jQuery

Démo

41. Créer un lecteur vidéo avec jQuery, HTML5 et CSS3

Démo    

42. Maîtrisez les nouvelles propriétés de mise en page CSS

Démo    

43. Accordéon d'images avec CSS3

Démo    

44. Lightbox moderne avec CSS3 et JavaScript

Démo    

45. Créez un beau indicateur de force de mot de passe

Démo    

46. Slider à fentes plein écran avec jQuery et CSS3

Démo    

47. L'animation de chargement Facebook

Démo