广告

1.3d效果怎么实现?

要想实现3d效果需要用到两个样式,一个是3d透视和3d呈现。这两个样式都是需要在父元素进行添加。

举例:如下图想要实现如下的效果,应该怎么做呢?

思路讲解:首先一个大盒子中装有两个一样大小的盒子,大盒子和小盒子之间通过定位的方式,固定位置。并将其中一个盒子沿着x轴旋转一个角度,并将大盒子分别添加透视和3d呈现后,旋转一个角度即可。

translate3D(transform translate3d)插图

代码如下:

translate3D(transform translate3d)插图1

2.3d和2d的区别是什么?

3d和2d的区别除了透视和3d呈现以为,还表现在z轴上,我们的平移(translate)、旋转(rotate)、缩放(scale)都就可以在x轴、y轴、z轴进行。

3.移动端初始化css从哪里下载?如何用?

移动端初始化css文件是专门整理好的一些常见的css样式,免除了我们对通用样式的再次添加,可以在网上查找移动端初始化css文件并下载,使用方法就是,放置在我们项目css文件夹中,并记得将该文件引入到我们的文件中。

translate3D(transform translate3d)插图2translate3D(transform translate3d)插图3

广告