我想使用的是 https://daneden.github.io/animate.css/
比如说我这样写的话:
<h1 class="animated infinite pulse">Nephovision</h1>
那么这个 h1 永远会显示 pulse 的效果
但是我希望仅当鼠标移动到<h1>
上的时候才显示 pulse 的效果
不知道能不能通过 hover
的方法达到我的目的?
有没有办法可以直接在h1:hover { }
中实现infinite pulse
的效果?
(不直接复制别人css
已经写了的东西)
我 CSS 学的不好,还请大家指教,谢谢大家。
1
Pastsong 2016-03-26 13:18:10 +08:00 1
用 jQuery 可以绑个 mouseover 然后 addClass
|
2
sennes OP @Pastsong 谢谢你 :)
不过我还没接触过 jQuery 。如果没有直接用 CSS 实现的办法,我再去琢磨一下您的方案。(或者..复制 animate.css 里面的样式<--哈哈) |
3
sox 2016-03-26 13:22:37 +08:00
h1,pulse:hover { } 不行吗..
|
4
Pastsong 2016-03-26 13:22:54 +08:00
https://github.com/daneden/animate.css/blob/master/source/attention_seekers/pulse.css
你也可以直接看别人 animate.css 的实现方法 |
5
sox 2016-03-26 13:23:00 +08:00 1
h1.pulse:hover { }
|
6
sennes OP |
7
Cloudee 2016-03-26 13:42:54 +08:00 1
:hover 里面只能自己写 css ,不能引入别人定义好的 class 的东西。当然如果对方有 less 或者 scss 的源码,你可以直接引进来,不过这样编译出来也是你的:hover 里面复制了.pulse 中的东西。建议是绑定 mouseover 和 mouseleft 事件,加上或者去掉.pluse
|
9
think2011 2016-03-26 13:48:23 +08:00 1
|
11
xieranmaya 2016-04-25 10:33:16 +08:00
就是楼上的楼上的方法
|