kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

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 …

Jetzt Frühbucher-Rabatte sichern!

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!

Das könnte dich auch interessieren

1 Kommentar

  1. 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/

Kommentar verfassen

Dieser Blog lebt vom Feedback der Besucher! Also los, mach mit!
Bitte habe Verständnis dafür, dass Kommentare die mit dem Inhalt dieses Beitrags nichts zu tun haben, gelöscht werden.