forked from paulirish/39ridiculousboxshadows
/
stadium.css
7 lines (7 loc) · 1.8 KB
/
stadium.css
1
2
3
4
5
6
7
/*
* The Stadium
*/
.stadium span:nth-of-type(1){-webkit-transform:scaleY(.3) skewX(10deg) skewY(-10deg);-moz-transform:scaleY(.3) skewX(10deg) skewY(-10deg);-o-transform:scaleY(.3) skewX(10deg) skewY(-10deg);-ms-transform:scaleY(.3) skewX(10deg) skewY(-10deg);transform:scaleY(.3) skewX(10deg) skewY(-10deg);-webkit-box-shadow:-15px 220px 20px -25px rgba(0,0,0,0.25);-moz-box-shadow:-15px 220px 20px -25px rgba(0,0,0,0.25);box-shadow:-15px 220px 20px -25px rgba(0,0,0,0.25)}
.stadium span:nth-of-type(2){-webkit-transform:scaleY(.3) skewX(10deg) skewY(10deg);-moz-transform:scaleY(.3) skewX(10deg) skewY(10deg);-o-transform:scaleY(.3) skewX(10deg) skewY(10deg);-ms-transform:scaleY(.3) skewX(10deg) skewY(10deg);transform:scaleY(.3) skewX(10deg) skewY(10deg);-webkit-box-shadow:-15px 290px 20px -25px rgba(0,0,0,0.25);-moz-box-shadow:-15px 290px 20px -25px rgba(0,0,0,0.25);box-shadow:-15px 290px 20px -25px rgba(0,0,0,0.25)}
.stadium span:nth-of-type(3){-webkit-transform:scaleY(.3) skewX(-10deg) skewY(10deg);-moz-transform:scaleY(.3) skewX(-10deg) skewY(10deg);-o-transform:scaleY(.3) skewX(-10deg) skewY(10deg);-ms-transform:scaleY(.3) skewX(-10deg) skewY(10deg);transform:scaleY(.3) skewX(-10deg) skewY(10deg);-webkit-box-shadow:15px 220px 20px -25px rgba(0,0,0,0.25);-moz-box-shadow:15px 220px 20px -25px rgba(0,0,0,0.25);box-shadow:15px 220px 20px -25px rgba(0,0,0,0.25)}
.stadium span:nth-of-type(4){-webkit-transform:scaleY(.3) skewX(-10deg) skewY(-10deg);-moz-transform:scaleY(.3) skewX(-10deg) skewY(-10deg);-o-transform:scaleY(.3) skewX(-10deg) skewY(-10deg);-ms-transform:scaleY(.3) skewX(-10deg) skewY(-10deg);transform:scaleY(.3) skewX(-10deg) skewY(-10deg);-webkit-box-shadow:15px 290px 20px -25px rgba(0,0,0,0.25);-moz-box-shadow:15px 290px 20px -25px rgba(0,0,0,0.25);box-shadow:15px 290px 20px -25px rgba(0,0,0,0.25)}