Maison  >  Article  >  interface Web  >  Collecte et organisation de ressources d'effets CSS3 purs

Collecte et organisation de ressources d'effets CSS3 purs

小云云
小云云original
2017-12-08 14:46:362024parcourir

Quels types d'effets visuels peuvent être obtenus avec du CSS + HTML pur sans utiliser JavaScript ? Cet article partagera avec vous la collection de ressources d'effets CSS3 purs.

  • Ressources

    • Dessin CSS basé sur un seul p

    • Un diaporama cycliste Pure CSS3 Pure CSS pour écrire un diaporama qui peut automatiquement tourner en boucle.

    • Utilisez HTML et CSS pour créer votre propre "Dabai (Quantity—greep)"

    • Utilisez CSS3 pour dessiner un chat Jingle

  • Bibliothèques

    • loaders.css est un framework d'animation de chargement implémenté en CSS pur.

    • balloon.css Effet de couche contextuelle implémenté en CSS pur.

    • framework CSS pur produit par Yahoo pur, de petite taille.

    • icono Une bibliothèque d'icônes CSS pure implémentée dans une seule balise.

    • iHover est une collection impressionnante d'effets de survol d'images, entièrement implémentés sur la base de CSS3.

    • devices.css Pure CSS simule les appareils mobiles

    • CSS Modals Pure CSS implémente des boîtes modales

  • Outils

    • image2css utilise la bibliothèque PHP GD pour convertir les images en propriétés CSS box-shadow. Pour un exemple, voir Mona Lisa avec du CSS pur.

    • La fonction d'img2css est similaire à celle ci-dessus, mais cette bibliothèque utilise canevas.

  • Démos

    • 30 puzzles de fragments CSS, 30 animaux en voie de disparition

    • Avion (Pure CSS)

    • Visages CSS

    • A Single p : un projet de dessin CSS par Lynn Fisher

    • Jeu de tic-tac-toe CSS pur

    • Jeu de démineur CSS pur

    • Dark Vador dans Star Wars

    Recommandations associées :

    Quelles sont les syntaxes des sélecteurs en CSS3

    CSS3 La fonction principale application

    Comment utiliser les propriétés d'animation de CSS3

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn