最新消息:

CSS第10款:Animcate.css 特效样式说明

CSS模块 杨红伟 5385浏览

Animcate.css 特效样式说明

mark

一:官网

官网入口

二:特效说明(共75个特效)

1、Attention Seekers 注意力寻求者(9个)

注:swiper除 jello 都有

样式 简介
bounce 弹跳
flash
pulse 脉部
rubberBand 橡皮筋
shake
swing 摇摆
tada 波幅
wobble 摇晃
jello 果冻

2、Bouncing Entrances 弹跳进入(5个)

注:swiper都有

样式 简介 备注
bounceIn 向里,弹跳
bounceInDown 向里,向下,弹跳
bounceInLeft 向里,向左,弹跳
bounceInRight 向里,向右,弹跳
bounceInUp 向里,向上,弹跳

3、Bouncing Exits 弹跳出口(5个)

注:swiper都有

样式 简介 备注
bounceOut 向外,弹跳
bounceOutDown 向外,向下,弹跳
bounceOutLeft 向里,向左,弹跳
bounceOutRight 向外,向右,弹跳
bounceOutUp 向外,各上,弹跳

4、Fading Entrances 平淡进入(9个)

注:swiper都有

样式 简介 备注
fadeIn 向里
fadeInDown 向里,向下
fadeInDownBig 向里,向下,变大
fadeInLeft 向里,向左
fadeInLeftBig 向里,向左,变大
fadeInRight 向里,向右
fadeInRightBig 向里,向右,变大
fadeInUp 向里,向上
fadeInUpBig 向里,向上,变大

5、Fading Exits 平淡退场(9个)

注:swiper都有

样式 简介
fadeOut 向外
fadeOutDown 向外,向下
fadeOutDownBig 向外,向下,变大
fadeOutLeft 向外,向左
fadeOutLeftBig 向外,向左,变大
fadeOutRight 向外,向右
fadeOutRightBig 向外,向右,变大
fadeOutUp 向外,向上
fadeOutUpBig 向外,向上,变大

6、Flippers 翻动 (5个)

注:swiper都有

样式 简介
flip 翻翻动转
flipInX 向里,上下,翻动
flipInY 向里,左右,翻动
flipOutX 向外,上下,翻动
flipOutY 向外,左右,翻动

7、Lightspeed 缓缓移动 (2个)

注:swiper都有

样式 简介
lightSpeedIn 缓缓移入
lightSpeedOut 缓缓移出

8、Rotating Entrances 翻转入口 (5个)

注:swiper都有

样式 简介
rotateIn 向里,翻转
rotateInDownLeft 向里,向下,向左,翻转
rotateInDownRight 向里,向下,向右,翻转
rotateInUpLeft 向里,向上,向左,翻转
rotateInUpRight 向里,向上,向右,翻转

9、Rotating Exits 翻转退场 (5个)

注:swiper都有

样式 简介
rotateOut 向外,翻转
rotateOutDownLeft 向外,向下,向右,翻转
rotateOutDownRight 向外,向下,向右,翻转
rotateOutUpLeft 向外,向上,向左,翻转
rotateOutUpRight 向外,向上,向右,翻转

10、Sliding Entrances 滑动进入 (4个)

注:swiper都有

样式 简介
slideInUp 向里,向上,滑动
slideInDown 向里,向下,滑动
slideInLeft 向里,向左,滑动
slideInRight 向里,向右,滑动

11、Sliding Exits 滑动退场 (4个)

注:swiper都有

样式 简介
slideOutUp 向外,向上,滑动
slideOutDown 向外,向下,滑动
slideOutLeft 向外,向上,滑动
slideOutRight 向外,向右,滑动

12、Zoom Entrances 缩放进入 (5个)

注:swiper都有

样式 简介
zoomIn 向里,放大
zoomInDown 向里,向下,放大
zoomInLeft 向里,向左,放大
zoomInRight 向外,向右,放大
zoomInUp 向里,向上,放大

13、Zoom Exits 缩放退场 (5个)

注:swiper都有

样式 简介
zoomOut 向外,放大
zoomOutDown 向外,向下,放大
zoomOutLeft 向外,向左,放大
zoomOutRight 向外,向右,放大
zoomOutUp 向外,向上,放大

14、Specials (3个)

注:swiper都有

样式 简介
hinge 合页
rollIn 向里滚动
rollOut 向外滚动