2012-04-20

CSS Boxshadow rainbow

bleeding rainbow






div {
display:table;
padding:0.5ex;
margin:5ex;

box-shadow:
8px 6px 3px 8px hsl(30, 100%, 50%),
16px 12px 6px 16px hsl(60, 100%, 50%),
24px 18px 9px 24px hsl(90, 100%, 50%),
32px 24px 12px 32px hsl(120, 100%, 50%),
40px 30px 15px 40px hsl(150, 100%, 50%),
48px 36px 18px 48px hsl(180, 100%, 50%),
56px 42px 21px 56px hsl(210, 100%, 50%),
64px 48px 24px 64px hsl(240, 100%, 50%),
72px 54px 27px 72px hsl(270, 100%, 50%),
80px 60px 30px 80px hsl(300, 100%, 50%),
88px 66px 33px 88px hsl(330, 100%, 50%),
96px 72px 36px 96px hsl(360, 100%, 50%);
}

detail at http://xahlee.org/js/css_box_shadow.html