Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap
请问 css+js 如何实现这种炉石传说卡片的晃动效果呢？让一个 div 充满生命的气息，哪位大佬能来个 demo(*@ο@*) 吗～ ？
sciel · 2022-04-04 10:48:32 +08:00 · 2526 次点击这是一个创建于 957 天前的主题，其中的信息可能已经有所发展或是发生改变。
https://hs.blizzard.cn/gameguide/voyage-to-the-sunken-city
如果鼠标移动到 div 上面去就是炉石传说卡片那样的效果。离开的话，如果能让 div 稍微不规则的左右移动就好，有那种呼吸的感觉。
 |
1
learnshare 2022-04-04 10:54:40 +08:00  1
search: css 3d card hover effect
|
 |
2
sciel OP @learnshare 谢谢！为你送上美丽的鲜花~
|
 |
3
alphardex 2022-04-04 11:45:26 +08:00 3
这种 parallax 效果也可以用一个现成的轮子，是 swiper 的作者写的
https://atroposjs.com |
 |
4
ETiV 2022-04-04 12:23:46 +08:00 1
https://medium.com/@nashvail/recreating-the-apple-tv-icons-in-javascript-and-css-eec306d41617
如果你见过 AppleTV 的话就好搜了，这篇还讲解了怎么做 |
 |
5
ccyu220 2022-04-04 12:34:20 +08:00
这个还是比较简单的，@keyframes 配合 transform 的 rotate 属性。如果要添加你描述的左右移动，再用 JS 加个随机的区间内 translateX 。
|
 |
7
agdhole 2022-04-04 13:43:48 +08:00
js 能硬撸，检测鼠标轨迹来移动卡片方向
|
Select Language