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，//制作帧动画效果 -
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>
随时随地看视频慕课网APP
相关分类
CSS3