您的位置:首页 > Web前端 > CSS

《运用HTML、CSS3来实现变形》

2019-01-25 14:30 99 查看

 

缩放scale()

       定义: 让元素根据中心原点对对象进行缩放

一、代码板

二、展现的页面功能

1、没有点击前的效果

2、点击后的效果

三、总结(借鉴老师的)

1、3种使用情况:

  • scale(x,y) 使元素水平方向和垂直方向同时缩放;
  • scaleX(x) 元素仅水平方向缩放;
  • scaleY(y) 元素仅垂直方向缩放;

 

2、注意:

scale()的取值默认为1,当值设置为0.01到0.99之间的任何值,作用使一个元素缩小;而任何大于等于1.01的值,作用让元素放大。

四、在写代码的时候不要粗心大意,少写了一个字母或者是没有大写很头痛的展现不出他效果不要犯一些语法错误要认真对待。

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: