CSS gradient Schachbrett-Muster

Erstellen Sie ein Schachbrett-Muster mit Farbverläufen. Ich habe ein Beispiel gefunden und es geändert, um meine Bedürfnisse, aber es funktioniert nur mit -moz Präfix. Wenn ich entfernen Sie die -moz Präfix, das Muster ist vollkommen anders. CSS gradient Schachbrett-Muster

Wie kann ich diese -moz Schachbrettmuster Arbeit mit unprefixed linear-gradient?

body {
  background-image:
  linear-gradient(45deg, #808080 25%, transparent 25%), 
  linear-gradient(-45deg, #808080 25%, transparent 25%),
  linear-gradient(45deg, transparent 75%, #808080 75%),
  linear-gradient(-45deg, transparent 75%, #808080 75%);

  background-size:20px 20px;    
  background-position:0 0, 10px 0, 10px -10px, 0px 10px;
}
  • Verwenden Autoprefixer (mit npm, gulp, grunt, über Prepros 4, jedes Werkzeug wirklich) und Sie werden keine Probleme haben, mit Präfixen je. Oder anderes caniuse.com ist die Referenz für diese Art von Dingen (Suche, "gradient" und klicken Sie dann auf "alle Anzeigen (Version)" - Taste)
Schreibe einen Kommentar