I want to create a checkerboard pattern using gradients. I've found an example and modified it to my needs, however it only works with -moz
prefix. When I remove the -moz
prefix, the pattern is completely different.
How can I make this -moz
checkerboard pattern work with 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;
}