随着学习的深入,越来越觉得Css3动画的重要,虽然JQ自定义动画和动画回调函数必须掌握,但是css3动画做起来更加绚丽,更加方便!
1.常规使用
1.1 使用transition属性,一般我们是配合hover使用(可以正向过渡,也可以反向过渡)
1.2 创建帧动画,然后在选择器中调用动画
需要注意一些属性
animation-iteration-count:动画执行次数 infinite表示动画永久执行
animation-play-state:running/paused 控制动画的播放暂停。配合JS中的事件函数,使用起来是不是很有意思
简写
animation:名字 动画时间 速度(linear匀速)延时 动画次数
1.3 另外一种调用方法,我比较喜欢用 给对象增加类名和移除类名,配合JQ自定义动画的回调函数,效果感十足,可以很方便的调用他人的动画框架
CSS3动画(个人理解)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
JavaScript五十问——对比来说CSS的Grid与FlexBox(下篇)
藺相如如
2019-02-23 14:14:16
Web页面中png jpg gif webp svg的区别和使用
songxianling1992
2019-02-23 13:44:50
手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机
songxianling1992
2019-02-23 13:44:50
给新手程序员的一些建议
緣來你在這
2019-02-23 13:22:59
CSS忍者:安全的CSS hacks秘籍
zhouyi05404
2019-02-23 13:11:32
表单密码自动填充hack
陳其文
2019-02-23 12:04:58
JavaScript 无缝上下左右滚动加定高定宽停顿效果
53856943
2019-02-23 00:35:18
简单的LESS Tutorial
我爲楚狂
2019-02-23 00:33:46
css clear:both
wjj8899867
2019-02-23 00:29:40
Css问题总结整理(2)
wjj8899867
2019-02-23 00:29:39
WPF中的DoubleAnimation
jackywei1987
2019-02-23 13:51:42
android studio集成极光推送
tlw90
2019-02-23 00:37:51