css3定义3d场景的代码是什么
2 回答
stone310
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，//制作帧动画效果
OlderSkee
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 关注
- 2753 浏览
添加回答
举报
0/150
提交
取消