《运用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的值,作用让元素放大。
四、在写代码的时候不要粗心大意,少写了一个字母或者是没有大写很头痛的展现不出他效果不要犯一些语法错误要认真对待。
相关文章推荐
- html5+css3实现抽屉菜单
- 运用CSS3实现简单的时钟效果
- 纯html5+css3下拉导航菜单实现代码
- HTML5+CSS3实现图片可倾斜摆放的动画相册效果
- html5+css3实现一款注册表单实例
- Html5+Css3实现类似网易云音乐的移动版播放器
- html+css3实现冒泡对话框
- jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
- HTML5+CSS3实现机器猫
- html5+css3实现一款注册表单
- 原生JS+CSS(CSS3)+HTML实现页面弹框
- html+css3太阳系行星运转动画效果的实现代码
- HTML+CSS3 纯代码实现转盘效果
- PHP 中运用Smarty 实现HTML静态化
- 用css3和html实现创建 Christmas Tree Ornaments(baubles)
- 实现音乐播放器的代码(html5+css3+jquery)
- 运用CSS3实现跳动的心效果
- 超酷HTML 5和CSS3实现登录及注册功能表单
- html5+css3气泡组件的实现
- HTML5+CSS3实现物体移动