这篇博客展示了如何使用CSS3创建一个html游戏手柄，包括详细样式和交互效果。通过定位、边框和过渡动画，实现了手柄的外观和按钮的按下状态变化。
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:
最低0.47元/天 解锁文章
扫一扫
921
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
