html游戏手柄,纯CSS3实现的游戏控制手柄

CSS

语言：

CSSSCSS

确定

html {

height: 100%;

}

body {

height: 100%;

display: flex;

justify-content: center;

align-items: center;

background: #FEF2D8;

}

.fundo {

position: relative;

margin: 50px auto;

width: 600px;

height: 400px;

}

.controle {

position: absolute;

top: 140px;

left: 192px;

width: 200px;

height: 120px;

background: #fff;

animation: shake .2s infinite alternate ease-in-out;

}

.controle:hover {

animation: shake .0s infinite alternate ease-in-out;

}

.controle::after {

width: 150px;

height: 150px;

border-radius: 50%;

background: #fff;

position: absolute;

top: