CSS
.counter-strike {
height: 512px;
width: 512px;
display: block;
position: relative;
-webkit-filter: blur(1px);
filter: blur(1px);
/*background: url("http://i.imgur.com/S471AUh.png") repeat scroll -35px -44px / 100% auto rgba(0, 0, 0, 0);*/
}
.counter-strike:before {
border-color: #162337 #162337 transparent transparent;
border-right: 256px solid #162337;
border-top: 256px solid #162337;
border-top-right-radius: 34%;
border-width: 256px 256px 0 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: url(#);
height: 100%;
position: absolute;
right: -11px;
top: 0;
-webkit-transform: skewX(-25deg) translate(35px, -115px) scale(0.55);
-ms-transform: skewX(-25deg) translate(35px, -115px) scale(0.55);
transform: skewX(-25deg) translate(35px, -115px) scale(0.55);
width: 115%;
z-index: -1;
display: block;
}
.counter-strike:after {
/*background: url("http://i.imgur.com/S471AUh.png") repeat scroll center center / 140% auto white;*/
background-color: white;
background-image: -webkit-radial-gradient(60% 61%, 215px 140px, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(160, 160, 160, 0.5) 51%, rgba(161, 161, 161, 0.5) 52%, rgba(229, 229, 229, 0) 90%), -webkit-radial-gradient(center center, ellipse, rgba(22, 35, 55, 0.2) 0%, rgba(22, 35, 55, 0.2) 50%, rgba(22, 35, 55, 0.2) 51%, rgba(22, 35, 55, 0.2) 52%, rgba(22, 35, 55, 0.2) 100%), url("http://i.imgur.com/S471AUh.png");
background-image: radial-gradient(215px 140px at 60% 61% , rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(160, 160, 160, 0.5) 51%, rgba(161, 161, 161, 0.5) 52%, rgba(229, 229, 229, 0) 90%), radial-gradient(ellipse at center center , rgba(22, 35, 55, 0.2) 0%, rgba(22, 35, 55, 0.2) 50%, rgba(22, 35, 55, 0.2) 51%, rgba(22, 35, 55, 0.2) 52%, rgba(22, 35, 55, 0.2) 100%), url("http://i.imgur.com/S471AUh.png");
...