标题:CSS3新特性笔记之过渡 | 作者: catfish | 时间:2019年12月30日
暂无法显示图片

【编写中。。。】

a标签的伪类选择器

默认状态                             :link

被访问过的状态               :visited

鼠标停在a标签的状态   :hover

鼠标长按的状态               :active

注意:有严格的顺序要求love hate原则

过渡

过渡主要使用:hover。

套路

1,不要管过渡,先编写基本的界面。
2。修改我们认为需要修改的属性。
3,再回过头给被修改的属性添加样式。

笔记

transition: property duration timing-function delay
transition-property
transition-duration
transition-timing-function: linear(匀速), ease(慢-快-慢), ease-in(开始慢),ease-out(结尾慢),ease-in-out(慢快慢)
transition-delay

如需向多个样式添加过渡效果,请添加多个属性,由逗号隔开:transition: width 2s, height 2s, transform 2s;

我要评论

没有登录?请先登录后再评论

最新评论

暂无人评论,来抢个沙发吧!