Welche visuellen Effekte können mit reinem CSS + HTML ohne JavaScript erzielt werden? Dieser Artikel stellt Ihnen die Sammlung reiner CSS3-Effektressourcen vor.
Ressourcen
CSS-Zeichnung basierend auf einem einzelnen p
Eine reine CSS3-Cycling-Diashow Reines CSS zum Schreiben einer Diashow, die automatisch wiederholt werden kann.
Verwenden Sie HTML und CSS, um Ihr eigenes „Dabai (●—●)“ zu erstellen
Verwenden Sie CSS3, um eine Jingle-Katze zu zeichnen
Bibliotheken
loaders.css ist ein Ladeanimationsframework, das in reinem CSS implementiert ist.
balloon.css Pop-up-Ebeneneffekt in reinem CSS implementiert.
reines CSS-Framework, hergestellt von reinem Yahoo, klein.
ico ist eine reine CSS-Symbolbibliothek, die in nur einem Tag implementiert ist.
iHover ist eine beeindruckende Sammlung von Bild-Hover-Effekten, vollständig basierend auf CSS3 implementiert.
devices.css Pure CSS simuliert mobile Geräte
CSS Modals Pure CSS implementiert modale Boxen
Tools
image2css verwendet die PHP-GD-Bibliothek, um Bilder in CSS-Box-Shadow-Eigenschaften zu konvertieren. Ein Beispiel finden Sie unter Mona Lisa mit reinem CSS.
Die Funktion von img2css ähnelt der oben, aber diese Bibliothek verwendet Canvas.
Demos
30 CSS-Fragmenträtsel, 30 gefährdete Tiere
Flugzeug (reines CSS)
CSS-Gesichter
Ein einzelnes p: ein CSS-Zeichenprojekt von Lynn Fisher
Reines CSS-Tic-Tac-Toe-Spiel
Reines CSS-Minesweeper-Spiel
Darth Vader in Star Wars
Verwandte Empfehlungen:
Was sind die Syntaxen für Selektoren in CSS3
Das obige ist der detaillierte Inhalt vonSammlung und Organisation reiner CSS3-Effektressourcen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
