时间:2017-08-30
编辑:网站制作公司
2139
1
今天向大家介绍两种鼠标经过显示某个模块的动画过度效果:
以显示隐藏微信二维码为例,
实现这两种方法 首先要做的是对父级div或其他标签有一个相对定位,即 position:relative;
然后对图片进行绝对定位。
1.css方法:
非常简单 , 只要再写一个:hover的 样式,并在原样式中加入 transition 属性,参数为
linear 匀速的意思,(其他效果自行百度),0.2s时间, all所有动画属性,例如 height、top等等
2. jq方法:
相对css方法比较复杂,可以学习一个思路:这里用到stop是为了在执行之前阻止所有动画
3
s后返回登录3
s后返回登录