[第70课] 实现网页元素的3D缩放效果
讲师:李晓斌 长度:3分31秒 软件:Div+CSS 发布日期:2018年05日19日视频课程:[CSS3 技术与浏览器兼容性解析(已完结)]
课程介绍
CSS 3的3D变形中的缩放主要有scaleZ()和scale3d()两个函数,当scale3d()函数中X轴和Y轴同时为1时,即scale3d(1,1,<z>),其效果等同于scaleZ(<z>)。
通过使用3D缩放函数,可以让元素在Z轴上按比例缩放,默认值为1,当值大于1时,元素放大,小于1大于0.01时,元素缩小。scale3d()函数的使用语法格式如下。
transform:scale3d(<x>,<y>,<z>);
<x>表示X轴方向的缩放比例;<y>表示Y轴方向的缩放比例;<z>表示Z轴方向的缩放比例。
scaleZ()函数的使用语法格式如下。
transform:scaleZ(<z>);
参数<z>指定元素每个点在Z轴的比例,scaleZ(-1)表示一个原点在Z轴的对称点。
注意事项
-如果您在任何场合索要、传播、出售、租借学设计网出品原创视频教程,我们一律进行封号、封ip等措施处理,请务必珍惜您的帐号。无论传播还是索取,我们都会进行封号处理。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
教程评论
您必须 [ 登录 ] 才能发表评论!
如何观看全部课程
推荐课程
推荐图文教程
推荐书籍