纯css3实现旋转3D立方体骰子（自旋转型）
主要运用css3的transform，rotate，translate，animation等动画，
以perspective，perspective-origin，transform-style等属性为辅助
具体实现代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>旋转立方体</title>
<style>
*{
margin: 0;
padding: 0;
}
body{
background: #000;
perspective: 1000px ;
/*视角定位一定要基于外面较大的容器去定位*/
perspective-origin: center center;
}
.container{
width: 200px;
height: 200px;
border: 1px dashed #ffffff;
margin: 200px auto;
position: relative;
transform-style: preser
最低0.47元/天 解锁文章
959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
