<style>div.whole_box {background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoBg.png);background-position:50% 0;background-repeat:repeat-y;background-color:#0b1728;}#tetriminoI_1 {position:fixed;bottom: 92px;margin-left: -294px;width:88px;height:22px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoI_1.png);background-repeat: no-repeat;}#tetriminoI_2 {position:fixed;bottom: 203px;margin-left: 902px;width:22px;height:88px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoI_2.png);background-repeat: no-repeat;}#tetriminoJ_1 {position:fixed;bottom: 137px;margin-left: 990px;width:66px;height:44px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoJ_1.png);background-repeat: no-repeat;}#tetriminoJ_2 {position:fixed;bottom: 158px;margin-left: -74px;width:44px;height:66px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoJ_2.png);background-repeat: no-repeat;}#tetriminoL_1 {position:fixed;bottom: 357px;margin-left: 836px;width:66px;height:44px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoL_1.png);background-repeat: no-repeat;}#tetriminoL_2 {position:fixed;bottom: 202px;margin-left: -140px;width:44px;height:66px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoL_2.png);background-repeat: no-repeat;}#tetriminoO_1 {position:fixed;bottom: 114px;margin-left: -162px;width:44px;height:44px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoO_1.png);background-repeat: no-repeat;}#tetriminoO_2 {position:fixed;bottom: 204px;margin-left: 1056px;width:44px;height:44px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoO_1.png);background-repeat: no-repeat;}#tetriminoS_1 {position:fixed;bottom: 422px;margin-left: -272px;width:66px;height:44px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoS_1.png);background-repeat: no-repeat;}#tetriminoS_2 {position:fixed;bottom: 269px;margin-left: 990px;width:44px;height:66px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoS_2.png);background-repeat: no-repeat;}#tetriminoT_1 {position:fixed;bottom: 467px;margin-left: 924px;width:66px;height:44px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoT_1.png);background-repeat: no-repeat;}#tetriminoT_2 {position:fixed;bottom: 378px;margin-left: -96px;width:44px;height:66px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoT_2.png);background-repeat: no-repeat;}#tetriminoZ_1 {position:fixed;bottom: 312px;margin-left: -228px;width:66px;height:44px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoZ_1.png);background-repeat: no-repeat;}#tetriminoZ_2 {position:fixed;bottom: 489px;margin-left: 858px;width:44px;height:66px;background-image:url(http://203.230.158.232:8080/2012/B/2008141049/test/tetriminoZ_2.png);background-repeat: no-repeat;}#tetriminoI_1, #tetriminoI_2, #tetriminoJ_1, #tetriminoJ_2, #tetriminoL_1, #tetriminoL_2, #tetriminoO_1, #tetriminoO_2, #tetriminoS_1, #tetriminoS_2, #tetriminoT_1, #tetriminoT_2, #tetriminoZ_1, #tetriminoZ_2 {}#tetriminoI_1:hover, #tetriminoI_2:hover, #tetriminoJ_1:hover, #tetriminoJ_2:hover, #tetriminoL_1:hover, #tetriminoL_2:hover, #tetriminoO_1:hover, #tetriminoO_2:hover, #tetriminoS_1:hover, #tetriminoS_2:hover, #tetriminoT_1:hover, #tetriminoT_2:hover, #tetriminoZ_1:hover, #tetriminoZ_2:hover {opacity:0.5;filter:Alpha(opacity=50);}#tetrimino:active #tetriminoI_1 ,#tetrimino:active #tetriminoI_2 ,#tetrimino:active #tetriminoJ_1 ,#tetrimino:active #tetriminoJ_2 ,#tetrimino:active #tetriminoL_1 ,#tetrimino:active #tetriminoL_2 ,#tetrimino:active #tetriminoO_1 ,#tetrimino:active #tetriminoO_2 ,#tetrimino:active #tetriminoT_1 ,#tetrimino:active #tetriminoT_2 ,#tetrimino:active #tetriminoZ_1 ,#tetrimino:active #tetriminoZ_2 {-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out; bottom:92px;}#tetrimino:active #tetriminoS_1 ,#tetrimino:active #tetriminoS_2 {-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out; bottom:114px;}::selection{background:#FFF;}</style>크롬브라우저를 사용하시면 블럭을 클릭 해보세요~
블럭이 차곡차곡 쌓입니다~