[ERLEDIGT] CSS Background-Möglichkeiten

[rantanplan2000]

Halllo,

ist sowas auch mit CSS möglich? Ich finde nur sowas:

http://fastwp.de/524/ geht aber nicht im Firefox ect.

background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent);
background-size: 25px 25px;
background: #00AAEE;

EDIT :

Gerade gefunden - wie immer wenn man sucht und dann fragen will! Hier für alle anderen die sowas eventuell brauchen können:

https://css-tricks.com/stripes-css/

.stripe-1 {
  color: white;
  background: -webkit-repeating-linear-gradient(90deg, #333, #333 4px, #262626 5px, #262626 14px);
  background: repeating-linear-gradient(90deg, #333, #333 5px, #262626 5px, #262626 14px);
}

sieht auch ganz gut aus bei caniuse:

 

[MrMurphy]

Hallo

Es geht noch viel mehr. Eine schöne Galerie:

http://lea.verou.me/css3patterns/

Gruss

MrMurphy

 

[rantanplan2000]

Oh cool, vielen Dank MrMurphy! Wahnsinn was CSS kann! :)
Für alte Browser mach ich das Fallback einfach:

 background: red; /* Fallback */

vor den Effekt, stimmts?

 

[Tronjer]

Für Gradienten gibt es auch einen Generator.
http://www.colorzilla.com/gradient-editor

 

[MrMurphy]

Hallo

vor den Effekt

Ja, eine einfache, passende Farben ist ein Fallback.

Ob im CSS-Quelltext vor oder hinter dem linear-gradient dürfte eigentlich keine Rolle spielen. Das linear-gradient wird als Grafik eingebunden und wenn die nicht vorhanden ist wird die Hintergrundfarbe angezeigt.

Gruss

MrMurphy