1. transform-style: preserve-3d;
这个标签可以让一个元素以3D形式呈现,当为该元素或其子元素定义transform属性时,其子元素也会以3D形式进行变换,页面呈现出更加立体的效果。
2. perspective: 1000px;
这个标签设置可以设置视角的距离,即将一个元素点视角下拉到指定距离,使其以更现实的方式变形,与preserve-3d标签搭配使用效果更佳。
3. transform: rotateX(30deg);
这个标签可以设置一个元素的旋转形态,可以在水平方向上进行左右翻转,也可以在垂直方向上进行倾斜变形,让元素呈现出3D旋转效果。
4. transform: translateZ(50px);
这个标签可以改变元素沿Z轴方向的位置,移动元素到不同的Z轴位置,让网页呈现出不同深度的效果。
5. transform: scale(1.5, 1.5);
这个标签可以设置元素的缩放比例,拥有元素变大或变小的效果,可以让网页元素变得更加醒目。
首页 >
css 标签 3d效果 |element ui css下载
css预格式,css和div模板,css视频设为背景,新闻类css网页案例,点击图片放大css3,网页背景颜色css代码,element ui css下载