科技资讯眺望|能解决 80% 需求的 10个 CSS动画库( 三 )
一组CSS3支持的悬停效果 ， 可应用于链接、按钮、徽标、SVG和特色图像等 。
** 用法
它非常简单:只需将类的名称添加到元素中 ， 比如
Hover me!8.WickedCSS网站地址: #
WickedCSS是一个小的CSS动画库 ， 它没有太多的动画变体 ， 但至少有很大的变化 。 其中大多数是我们已经熟悉的基础知识 ， 但它们确实很干净 。
它的用法很简单 ， 只需将动画的名称添加到元素中即可 。
** 使用 JS
document.querySelector('.my-element').classList.add('bounceIn')** 使用 JQ
$(".my-element").addClass("bounceIn")9.Three Dots网站地址: #
Three Dots是一组CSS加载动画 ， 它由三个点组成 ， 而这些点仅由单个元素组成 。
** 用法
只需创建一个div元素 ， 并添加动画的名称
10.CSShake网站地址: #
顾名思义 ， CSShake是一个CSS动画库 ， 其中包含不同类型的震动动画 。
** 用法
将shake {animation name}添加到元素中 。
** 使用 JS **
document.querySelector('.my-element').classList.add('shake','shake-hard')** 使用 JQ **
$(".my-element").addClass("shake shake-hard")【科技资讯眺望|能解决 80% 需求的 10个 CSS动画库】原文：
推荐阅读
- 所持股份|万兴科技：公司控股股东、实际控制人吴太兵质押150万股
- 发布公告|数量过半！博创科技：天通股份累计减持约150万股
- 英雄科技聊数码|蔡崇信有实力买下篮网，那身价3200亿的马云，能买下几支NBA球队
- 科技前沿阵地|涨疯了！海思安防芯片遭哄抬“围剿”
- 中加投资资讯|北美媒体人评价不错，《花木兰》终于来了！神仙姐姐超能打
- 游戏资讯小驿站|我的世界拔刀剑模组：独特设定！帮助玩家更深入了解刀的制作
- 月影浓|吴亦凡机械造型走秀 垫肩披风搭银框眼镜科技感足
- 资讯早知道|9年后再看《步步惊心》，发现若曦无论跟谁都不会幸福
- 中国历史发展过程|中国历史发展过程.中国的科技史界过去半个多世纪
- 天津|桂发祥：不再持有昆汀科技股份