纯css3实现旋转3D立方体骰子*(自旋转型)* 主要运用css3的 transform,rotate,translate,animation等动画
以***perspectiveperspective-origintransform-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