Created
September 29, 2013 09:51
-
-
Save yoksel/6751047 to your computer and use it in GitHub Desktop.
Box-shadow mosaic http://jsbin.com/IfAzAFO/1/edit
This file contains hidden or 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
DIV { | |
width: 1em; | |
height: 1em; | |
background: firebrick; | |
box-shadow: | |
1em 0 0 crimson, | |
2em 0 0 red, | |
3em 0 0 orangered, | |
4em 0 0 orange, | |
5em 0 0 gold, | |
6em 0 0 yellow, | |
7em 0 0 greenyellow, | |
8em 0 0 skyblue, | |
9em 0 0 steelblue, | |
10em 0 0 darkmagenta, | |
0 1em 0 darkmagenta, | |
1em 1em 0 firebrick, | |
2em 1em 0 crimson, | |
3em 1em 0 red, | |
4em 1em 0 orangered, | |
5em 1em 0 orange, | |
6em 1em 0 gold, | |
7em 1em 0 yellow, | |
8em 1em 0 greenyellow, | |
9em 1em 0 skyblue, | |
10em 1em 0 steelblue, | |
0em 2em 0 steelblue, | |
1em 2em 0 darkmagenta, | |
2em 2em 0 firebrick, | |
3em 2em 0 crimson, | |
4em 2em 0 red, | |
5em 2em 0 orangered, | |
6em 2em 0 orange, | |
7em 2em 0 gold, | |
8em 2em 0 yellow, | |
9em 2em 0 greenyellow, | |
10em 2em 0 skyblue, | |
0em 3em 0 skyblue, | |
1em 3em 0 steelblue, | |
1em 3em 0 steelblue, | |
2em 3em 0 darkmagenta, | |
3em 3em 0 firebrick, | |
4em 3em 0 crimson, | |
5em 3em 0 red, | |
6em 3em 0 orangered, | |
7em 3em 0 orange, | |
8em 3em 0 gold, | |
9em 3em 0 yellow, | |
10em 3em 0 greenyellow, | |
0em 4em 0 steelblue, | |
1em 4em 0 darkmagenta, | |
2em 4em 0 firebrick, | |
3em 4em 0 crimson, | |
4em 4em 0 red, | |
5em 4em 0 orangered, | |
6em 4em 0 orange, | |
7em 4em 0 gold, | |
8em 4em 0 yellow, | |
9em 4em 0 greenyellow, | |
10em 4em 0 skyblue, | |
0 5em 0 darkmagenta, | |
1em 5em 0 firebrick, | |
2em 5em 0 crimson, | |
3em 5em 0 red, | |
4em 5em 0 orangered, | |
5em 5em 0 orange, | |
6em 5em 0 gold, | |
7em 5em 0 yellow, | |
8em 5em 0 greenyellow, | |
9em 5em 0 skyblue, | |
10em 5em 0 steelblue, | |
0em 6em 0 firebrick, | |
1em 6em 0 crimson, | |
2em 6em 0 red, | |
3em 6em 0 orangered, | |
4em 6em 0 orange, | |
5em 6em 0 gold, | |
6em 6em 0 yellow, | |
7em 6em 0 greenyellow, | |
8em 6em 0 skyblue, | |
9em 6em 0 steelblue, | |
10em 6em 0 darkmagenta | |
; | |
} |
This file contains hidden or 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
<!DOCTYPE html> | |
<html> | |
<head> | |
<script src="http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script> | |
<meta charset=utf-8 /> | |
<title>JS Bin</title> | |
</head> | |
<body> | |
<div></div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment