CSS3-Hintergrundmuster mit CSS3-Gradients erzeugen
Lea Verou hat vor einiger Zeit auf Ihrem Blog ein sehr interessantes Experiment vorgestellt: Mit Hilfe von CSS3-Gradients hat sie Hintergrund-Kacheln erzeugt, die anschließend wie eine als Grafik abgespeicherte Kachel eingesetzt werden können.
Der Vorteil liegt auf der Hand: Geringere Dateigrößen und reduzierte HTTP-Requests. Vor ein paar Tagen hat sie dann die CSS3-Pattern-Gallery ins Leben gerufen, auf der Sie die angewandte Technik kurz beschreibt und sehr ansprechende Beispiele präsentiert.
Workshops und Seminare von kulturbanause
Visual Prototyping, Responsive Design, CSS Grid & Flexbox, Sketch, Adobe XD …
Um die Arbeit mit CSS3-Gradients zu erleichtern hat Lea zudem einen Gradient-Prefx-Generator veröffentlicht. Auch dieses Tool ist in jedem Fall einen Blick wert.
Jetzt bist du gefragt!
Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.
Du kannst diesen Beitrag natürlich auch weiterempfehlen. Wir sind dir für jede Unterstützung dankbar!
Nikolaj
Verfasst am 10. Oktober 2017 um 16:22 Uhr.
der Link zum Artikel von Lea ist kaputt, hier ist der richtige:
http://lea.verou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/