2 回答
TA贡献361条经验 获得超191个赞
transform-style: preserve-3d;//定义为3d
perspective: 800;//视距
以上是舞台定义;
具体实现则有
transform:rotate3d,//旋转
scale3d,//3d缩放
transform:translate3d,//3d方向(x,y,z)移动;
backface-visibility,//定义3d图形背面是否可见;
transition, //过渡效果
animate,//制作帧动画效果
TA贡献123条经验 获得超103个赞
只是说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>
- 2 回答
- 3 关注
- 2760 浏览
添加回答
举报