css 手抓,CSS 像素画 - 手和箭头

CSS

语言：

CSSSCSS

确定

/* configuration */

/* print pixels */

.pointer {

background: #333;

box-shadow: 1em 0 0 0em #333, 2em 1em 0 0 #333, 2em 2em 0 0 #333, 2em 3em 0 0 #333, 2em 4em 0 0 #333, 2em 5em 0 0 #333, 2em 6em 0 0 #333, 2em 7em 0 0 #333, 2em 8em 0 0 #333, 2em 9em 0 0 #333, 3em 5em 0 0 #333, 4em 5em 0 0 #333, 5em 6em 0 0 #333, 5em 7em 0 0 #333, 5em 8em 0 0 #333, 5em 9em 0 0 #333, 6em 6em 0 0 #333, 7em 6em 0 0 #333, 8em 7em 0 0 #333, 8em 8em 0 0 #333, 8em 9em 0 0 #333, 8em 10em 0 0 #333, 9em 7em 0 0 #333, 10em 8em 0 0 #333, 11em 9em 0 0 #333, 11em 10em 0 0 #333, 11em 11em 0 0 #333, 11em 12em 0 0 #333, 11em 13em 0 0 #333, 11em 14em 0 0 #333, 11em 15em 0 0 #333, 10em 16em 0 0 #333, 10em 17em 0 0 #333, 10em 18em 0 0 #333, 9em 19em 0 0 #333, 9em 20em 0 0 #333, 9em 21em 0 0 #333, 8em 21em 0 0 #333, 7em 21em 0 0 #333, 6em 21em 0 0 #333, 5em 21em 0 0 #333, 4em 21em 0 0 #333, 3em 21em 0 0 #333, 2em 21em 0 0 #333, 1em 21em 0 0 #333, 0em 21em 0 0 #333, 0em 20em 0 0 #333, 0em 19em 0 0 #333, -1em 18em 0 0 #333, -1em 17em 0 0 #333, -2em 16em 0 0 #333, -2em 15em 0 0 #333, -3em 14em 0 0 #333, -3em 13em 0 0 #333, -4em 12em 0 0 #333, -5em 11em 0 0 #333, -5em 10em 0 0 #333, -5em 9em 0 0 #333, -4em 9em 0 0 #333, -3em 9em 0 0 #333, -2em 10em 0 0 #333, -1em 11em 0 0 #333, -1em 10em 0 0 #333, -1em 9em 0 0 #333, -1em 8em 0 0 #333, -1em 7em 0 0 #333, -1em 6em 0 0 #333, -1em 5em 0 0 #333, -1em 4em 0 0 #333, -1em 3em 0 0 #333, -1em 2em 0 0 #333, -1em 1em 0 0 #333, 0.5em 1.5em 0 0.5em #fff, 0.5em 3.5em 0 0.5em #fff, 0.5em 5.5em 0 0.5em #fff, 0.5em 7.5em 0 0.5em #fff, 0.5em 9.5em 0 0.5em #fff, 3.5em 6.5em 0 0.5em #fff, 3.5em 8.5em 0 0.5em #fff, 6.5em 7.5em 0 0.5em #fff, 6.5em 9.5em 0 0.5em #fff, 9.5em 9.5em 0 0.5em #fff, -3.5em 10.5em 0 0.5em #fff, -2.5em 11.5em 0 0.5em #fff, -1em 13em 0 1em #fff, -0.5em 15.5em 0 0.5em #fff, 8em 13em 0 2em #fff, 3.5em 11.5em 0 1.5em #fff, 9em 8em 0 0 #fff, 4.5em 16.5em 0 3.5em #fff, 5.5em 14.5em 0 3.5em #fff, 3.5em 14.5em 0 3.5em #fff;

width: 1em;

height: 1em;

margin: 60px 0 0 100px;

font-size: 8px;

/* transform: rotate(-25deg); */

}

.default {

background: transparent;

box-shadow: 1em 1em 0 0em #333, 2em 2em 0 0 #333, 3em 3em 0 0 #333, 4em 4em 0 0 #333, 5em 5em 0 0 #333, 6em 6em 0 0 #333, 7em 7em 0 0 #333, 8em 8em 0 0 #333, 9em 9em 0 0 #333, 10em 10em 0 0 #333, 11em 11em 0 0 #333, 12em 12em 0 0 #333, 12em 13em 0 0 #333, 11em 13em 0 0 #333, 10em 13em 0 0 #333, 9em 13em 0 0 #333, 8em 13em 0 0 #333, 8em 14em 0 0 #333, 9em 15em 0 0 #333, 9em 16em 0 0 #333, 10em 17em 0 0 #333, 10em 18em 0 0 #333, 9em 19em 0 0 #333, 8em 19em 0 0 #333, 7em 18em 0 0 #333, 7em 17em 0 0 #333, 6em 16em 0 0 #333, 6em 15em 0 0 #333, 5em 14em 0 0 #333, 4em 15em 0 0 #333, 3em 16em 0 0 #333, 2em 17em 0 0 #333, 1em 17em 0 0 #333, 1em 16em 0 0 #333, 1em 15em 0 0 #333, 1em 14em 0 0 #333, 1em 13em 0 0 #333, 1em 12em 0 0 #333, 1em 11em 0 0 #333, 1em 10em 0 0 #333, 1em 9em 0 0 #333, 1em 8em 0 0 #333, 1em 7em 0 0 #333, 1em 6em 0 0 #333, 1em 5em 0 0 #333, 1em 4em 0 0 #333, 1em 3em 0 0 #333, 1em 2em 0 0 #333, 2em 3em 0 0 #fff, 2.5em 4.5em 0 0.5em #fff, 3em 6em 0 1em #fff, 3.5em 7.5em 0 1.5em #fff, 4em 9em 0 2em #fff, 4.5em 10.5em 0 2.5em #fff, 3em 13em 0 1em #fff, 2.5em 14.5em 0 0.5em #fff, 2em 16em 0 0 #fff, 6.5em 10.5em 0 1.5em #fff, 8em 11em 0 1em #fff, 9.5em 11.5em 0 0.5em #fff, 11em 12em 0 0 #fff, 6.5em 13.5em 0 0.5em #fff, 7.5em 15.5em 0 0.5em #fff, 8.5em 17.5em 0 0.5em #fff;

width: 1em;

height: 1em;

margin: 0 0 0 280px;

font-size: 8px;

}

html {

height: 100%;

background: #abcdef;

}