猿问
css3定义3d场景的代码是什么
css3定义3d场景的代码是什么
qq_毅往情深_0
浏览 2754
回答 2
2回答
stone310
transform-style: preserve-3d;//定义为3dperspective: 800;//视距以上是舞台定义；具体实现则有transform:rotate3d，//旋转scale3d，//3d缩放transform:translate3d，//3d方向(x,y,z)移动；backface-visibility，//定义3d图形背面是否可见；transition， //过渡效果animate，//制作帧动画效果
0
0
0
OlderSkee
只是说html5有个3d 场景吧。。css3 有个旋转 类似3d效果 <style> * { margin: 0; padding: 0; } body { background-color: #FFF; } #imgg { animation: imgg 1s linear 0s infinite; } @keyframes imgg { 0% { transform: rotateY(0deg); } 25% { transform: rotateY(90deg); } 50% { transform: rotateY(180deg); } 75% { transform: rotateY(270deg); } 100% { transform: rotateY(360deg); } } </style> <body><div id="demo"> <img src="images/01.jpg" alt="" width="100" height="100" id="imgg"></div></body>
0
0
0
随时随地看视频
慕课网APP
相关分类
CSS3
我要回答