Sammlung und Organisation reiner CSS3-Effektressourcen

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

CSS3 Die Hauptfunktion Anwendung

So verwenden Sie die Animationseigenschaften von 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!