Created
August 25, 2016 21:30
-
-
Save dfrankland/f6fed3e3ccc42e3de482b324126f9542 to your computer and use it in GitHub Desktop.
CSS Checkered pattern that can be used on all modern browsers.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| background-image: | |
| linear-gradient(45deg, #ccc 25%, transparent 25%), | |
| linear-gradient(135deg, #ccc 25%, transparent 25%), | |
| linear-gradient(45deg, transparent 75%, #ccc 75%), | |
| linear-gradient(135deg, transparent 75%, #ccc 75%); | |
| background-size:25px 25px; /* Must be a square */ | |
| background-position:0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */ | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
@GarthDB changing the background size to an even number appears to fix the "faint white line" display issue.