Nintendo controller in css

by xdumaine

HTML

<div>
</div>

CSS

div {
    zoom: 2;
    position: relative;
    width: 300px;
    height: 100px;
    box-sizing: content-box;
    background-color: #282828;
    background-image: radial-gradient(circle at 104px 17px, #282828 0, #282828 8px, transparent 8px), radial-gradient(circle at 104px 37px, #282828 0, #282828 8px, transparent 8px), radial-gradient(circle at 104px 57px, #282828 0, #282828 8px, transparent 8px), radial-gradient(circle at 104px 87px, #282828 0, #282828 8px, transparent 8px), radial-gradient(circle at 195px 17px, #282828 0, #282828 8px, transparent 8px), radial-gradient(circle at 195px 37px, #282828 0, #282828 8px, transparent 8px), radial-gradient(circle at 195px 57px, #282828 0, #282828 8px, transparent 8px), radial-gradient(circle at 195px 87px, #282828 0, #282828 8px, transparent 8px), radial-gradient(ellipse at 130px 73px, #282828 0, #282828 15px, transparent 5px), radial-gradient(ellipse at 165px 73px, #282828 0, #282828 15px, transparent 5px), radial-gradient(ellipse at 132px 74px, black 0, black 10px, transparent 15px), radial-gradient(ellipse at 167px 74px, #282828 0, #282828 10px, transparent 15px), linear-gradient(to bottom, transparent 15px, #282828 15px, #282828 20px, transparent 20px, transparent 35px, #282828 35px, #282828 40px, transparent 40px, transparent 55px, #282828 55px, #282828 60px, transparent 60px, transparent 85px, #282828 85px, #282828 90px, transparent 90px), linear-gradient(to right, transparent 110px, #C5C1AE 110px, #C5C1AE 190px, transparent 190px, transparent 100%);
    border: 15px solid #C5C1AE;
    border-top: 25px solid #C5C1AE;
    border-radius: 5px;
    background-size 15px 15px;
    perspective: 5;
    transform: rotateX(10deg) rotateY(-10deg) translateZ(-10px);
    box-shadow: 1px 0px 0 #8C8979, 0px 1px 0 #8C8979, 3px 2px 0 #8C8979, 2px 3px 0 #8C8979, 5px 5px 0 #8C8979, 6px 6px 0 #8C8979, 7px 7px 0 #8C8979, 8px 8px 0 #8C8979, 9px 9px 0 #8C8979, 10px 10px 0 #8C8979;
}

div:before {
    position: absolute;
    left: 20px;
...