[第63课] 实现元素的缩放效果
讲师:李晓斌 长度:4分22秒 软件:Div+CSS 发布日期:2018年05日09日视频课程:[CSS3 技术与浏览器兼容性解析(已完结)]
课程介绍
设置transform属性值为scale()函数,即可实现网页元素的缩放和翻转效果。scale()函数用于定义网页元素在二维空间的缩放和翻转效果,默认值为1,因此该函数取值为0.01至0.99之间的任意值都可以使元素缩小;取值为任何大于或等于1.01的值,都可以使元素变大。
scale()函数的语法格式如下。
transform: scale(<x>,<y>);
scale()函数的参数说明如下表所示。
<x>和<y>参数的值可以为整数、负数和小数。当取值的绝对值大于1时,表示放大;绝对值小于1时,表示缩小。当取值为负数时,元素会被翻转。如果<y>参数值省略,则说明垂直方向上的缩放倍数与水平方向上的缩放倍数相同。
注意事项
-如果您在任何场合索要、传播、出售、租借学设计网出品原创视频教程,我们一律进行封号、封ip等措施处理,请务必珍惜您的帐号。无论传播还是索取,我们都会进行封号处理。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
教程评论
您必须 [ 登录 ] 才能发表评论!
如何观看全部课程
推荐课程
推荐图文教程
推荐书籍