Die aktuellen CSS-Bibliotheken sind ein Beweis für das hohe Niveau des Webdesigns und wie diese die Dinge einfacher machen, wenn es darum geht, diese brillanten Methoden zu implementieren, um das Web-Erlebnis zu verstehen.
Deshalb werden wir Teilen Sie 23 hochwertige CSS-Bibliotheken von verschiedenen Künstlern, die beweisen, wie alles durch diese Designsprache möglich ist. Ein interessantes Angebot an Ressourcen, um zu bestaunen, was mit CSS erreicht werden kann.
Unschärfemenü
Eine genial optimierte Demo in dem finden Sie bis zu sieben Beispiele. Sie verwenden den CSS3-Übergang und eine große Intelligenz bei der Verwendung verschiedener Selektoren, um einen hochwertigen Unschärfeeffekt zu erzielen.
CSS3D-Wolken
Nur mit Bewegen Sie den Mauszeiger über diese Demokönnen Sie den großartigen Effekt erleben, der mit dieser CSS-Bibliothek erzielt wird. Das Beste ist, dass diese Wolken in voller Bewegung sind. Es verwendet CSS3 3D-Transformationen sowie JavaScript. Über den Link können Sie auf das Tutorial zugreifen, in dem Sie die einzelnen Schritte finden.
Logos in reinem CSS
Diese Bibliothek enthält einige der beliebtesten Logos von allen wie Apple oder Twitter. Es ist mehr als interessant, dass Sie die Eigenschaften jedes einzelnen Logos durch Platzieren des Mauszeigers kennen. Sie haben alle Zugriffe auf den vollständigen Code über den Link.
Navigationsleiste von Jan Kadera
Von codepen.io haben wir Zugriff auf diese Navigationsleiste in 3D das bewegt sich wunderbar und von dem wir seinen Code vollständig kennen können. Das Besondere an dieser Bibliothek ist, dass sie nur aus 65 Zeilen besteht. Der Tiefenfeldeffekt enthält neue CSS3-Funktionen.
Bildtafeln gleiten
Sie haben Zugriff auf das Tutorial von hier. Sein großer Wert ist wie flüssig die Animationen beim Schieben der Bildfelder. Sie können auf vier Varianten zugreifen, um sie in Ihre Website aufzunehmen und ein großartiges Ergebnis zu erzielen.
Doppelring
Wir stellen ein perfekt nachgebauter Ring mit einer großartigen Fertigungsanimation. Über codepen.io haben Sie Zugriff auf den gesamten Code, der aus Hunderten von Zeilen besteht.
Flexbox
Flexboxen sind die neue CSS-Methode zum Anzeigen von Spalten auf einer Seite. EIN ziemlich umfassender Leitfaden diese Behälter zu verstehen.
Ein farbenfrohes Navigationsmenü
Sie haben Zugriff auf alles HTML und CSS für dieses Navigationsmenü wer bekennt viel Liebe zur Farbe. Es ist vollständig in CSS erstellt, damit Sie in diese Sprache eintauchen können.
Fortschrittsbalken in CSS3
Obwohl es auf Englisch ist, wie die meisten Buchhandlungen, HTML und CSS sind sehr detailliert brauchte große Design-Fortschrittsbalken. Farbverläufe, Linien und andere Arten von visuellen Effekten erwarten Sie.
Animate.css
Beliebt bei GitHub vollständig in CSS gemacht. Wählen Sie die Animation aus, die Sie wissen möchten, und Sie müssen nur auf die Schaltfläche "Animieren" klicken, um den Effekt in Animate.css zu sehen. Sie können es auf GitHub herunterladen oder anzeigen.
Spinnkit
Wir stehen vor einer Sammlung von Indikatoren, die dies können dienen für alle Arten von visuellen Elementen im Netz. Klicken Sie auf "Quelle" und Sie finden den gesamten Code, der für die Ausführung erforderlich ist.
Tasten
Eine CSS-Schaltflächenbibliothek von allen Möglichkeiten und Ideen, um die zu finden, die Sie brauchen, um sich von der Konkurrenz abzuheben. In der Seitenleiste können Sie die Formen oder Effekte deaktivieren, die Sie nicht finden möchten, und sich so auf eine bestimmte konzentrieren.
Kippschalter
Wir stellen Eine App, mit der Sie bestimmte Schaltflächen deaktivieren können um eine zu schaffen, die genau das ist, wonach wir suchen. Wir verwenden die verschiedenen Einstellungen und können schließlich den Code reproduzieren, den wir für unsere Website kopieren. Eine sehr interessante Ressource für seine Vielseitigkeit und seinen großartigen Stil.
Hinweis.css
Eine CSS-Bibliothek ohne JavaScript und bereit für Sie zu verwenden, wie Sie möchten. Klein, einfach zu bedienen und funktioniert in allen modernsten Webbrowsern.
Farben.css
Für den, der Suchen Sie nach Farbe aus einer interessanten Alternative und das ermöglicht Rapid Prototyping für Websites mit einem großartigen visuellen Aspekt.
Voxels.css
Wenn Sie Minecraft, das Konstruktionsspiel, kennen, ist diese CSS-Bibliothek sicherlich leicht zu erkennen. Drehen Sie, während wir in die Mitte drücken die Gitter erzeugen.
Typografie
Eine reine CSS-Schriftart Leichtgewicht, einfach perfekt für Ihr nächstes Projekt.
Spinner
Eine große Sammlung von Animationen zum Laden von Symbolen in CSS und HTML.
Ladeleitungsanzeigen
Reiner Text im CSS-PaarIndikatoren aller Art zu laden. Eine großartige Quelle, um den notwendigen und richtigen Indikator für Ihre Website zu finden.
CSS-Ladeprogramm
Eine andere Schriftart zum Laden von Symbolen die für alle Arten von Animationen angepasst werden kann.
Bild schweben
Eine skalierbare CSS-Bibliothek und von geringem Gewicht der Bilder für diese Klasse «schweben».
hue.css
Eine Quelle von 49 Gradienten oder fotorealistische Gradienten für alle Arten von Inhalten und Bildern.
Materialisieren
Un CSS-Framework basierend auf Material Design, das Designprinzip, das Google in einer Vielzahl von Apps und in seinem eigenen Android-Betriebssystem verwendet.
Verpassen Sie nicht den Termin mit hochveredelten Bahnen mit SVG-Bilder.