anime.css

系统管理员 2022-12-23 13:29 95阅读 0赞

#### Attention Seekers（晃动效果） ####

1.  bounce  
    ![bounce.gif][]
2.  flash  
    ![flash.gif][]
3.  pulse  
    ![pulse.gif][]
4.  rubberBand  
    ![rubberBand.gif][]
5.  shake  
    ![shake.gif][]
6.  swing  
    ![swing.gif][]
7.  tada  
    ![tada.gif][]
8.  wobble  
    ![wobble.gif][]
9.  jello  
    ![jello.gif][]
10. heartBeat  
    ![heartBeat.gif][]

#### Bouncing Entrances（弹性缓冲效果-入场） ####

1.  bounceIn  
    ![bounceIn.gif][]
2.  bounceInDown  
    ![bounceInDown.gif][]
3.  bounceInLeft  
    ![bounceInLeft.gif][]
4.  bounceInRight  
    ![bounceInRight.gif][]
5.  bounceInUp  
    ![bounceInUp.gif][]

#### Bouncing Exits（弹性缓冲效果-退场） ####

1.  bounceOut  
    ![bounceOut.gif][]
2.  bounceOutDown  
    ![bounceOutDown.gif][]
3.  bounceOutLeft  
    ![bounceOutLeft.gif][]
4.  bounceOutRight  
    ![bounceOutRight.gif][]
5.  bounceOutUp  
    ![bounceOutUp.gif][]

#### Fading Entrances（透明度变化效果-入场） ####

1.  fadeIn  
    ![fadeIn.gif][]
2.  fadeInDown  
    ![fadeInDown.gif][]
3.  fadeInDownBig  
    ![fadeInDownBig.gif][]
4.  fadeInLeft  
    ![fadeInLeft.gif][]
5.  fadeInLeftBig  
    ![fadeInLeftBig.gif][]
6.  fadeInRight  
    ![fadeInRight.gif][]
7.  fadeInRightBig  
    ![fadeInRightBig.gif][]
8.  fadeInUp  
    ![fadeInUp.gif][]
9.  fadeInUpBig  
    ![fadeInUpBig.gif][]

#### Fading Exits（透明度变化效果-退场） ####

1.  fadeOut  
    ![fadeOut][]
2.  fadeOutDown  
    ![6afd8a9d293f076e7cd3388601070bf5.gif][]
3.  fadeOutDownBig  
    ![15f43b05cd1eb52a431038f5e907e287.gif][]
4.  fadeOutLeft  
    ![7850141afc2876f218e55a62a9d9f1b3.gif][]
5.  fadeOutLeftBig  
    ![60fa933b2333a544ef6bb637056a1ff9.gif][]
6.  fadeOutRight  
    ![fd0bf26ee4b67d30536568504e923538.gif][]
7.  fadeOutRightBig  
    \[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lBvfzbqg-1606282621159)(https://images.fengjiaheng.top/images/20190322/fadeOutRightBig.gif)\]
8.  fadeOutUp  
    ![000cb24d763183ad554a2e40c2761361.gif][]
9.  fadeOutUpBig  
    ![8563446abda172114bdcdc6f9411abec.gif][]

#### Flippers（翻转效果） ####

1.  flip  
    ![b48bdf0a9fa4fce262a96455587170dc.gif][]
2.  flipInX  
    ![dd7bffb24a1ca4ced914e2e8627164a9.gif][]
3.  flipInY  
    ![780ad59a80699fbee1b20f29caea6337.gif][]
4.  flipOutX  
    ![830f53c280bb46984cf2f157afbede85.gif][]
5.  flipOutY  
    ![f9e4db13ea2d52cc8d8f67368fe300c9.gif][]

#### Lightspeed ####

1.  lightSpeedIn  
    ![b345c11c5ddb847e913798b01d503424.gif][]
2.  lightSpeedOut  
    ![f8271f54326ae150d8bdd2d39d4a42db.gif][]

#### Rotating Entrances（旋转效果-入场） ####

1.  rotateIn  
    ![e6d9ffc7a41984e399fe4ae00db005af.gif][]
2.  rotateInDownLeft  
    ![6ab7104762253265cff171e2736c057f.gif][]
3.  rotateInDownRight  
    ![375c199af1abbe6b9db00658af34b6bb.gif][]
4.  rotateInUpLeft  
    ![05453e3ffede9ba0e55b15f6cf78123a.gif][]
5.  rotateInUpRight  
    ![a67afe010987fbc9d210900940a20b92.gif][]

#### Rotating Exits（旋转效果-退场） ####

1.  rotateOut  
    ![da6943a788a51aaf6332b4c78f6c9521.gif][]
2.  rotateOutDownLeft  
    ![3a7994375413c3577090adefa1fbf69f.gif][]
3.  rotateOutDownRight  
    ![5b08d48238273b10171415b946b4fd4a.gif][]
4.  rotateOutUpLeft  
    ![5e632e20d92175ec9e3536e1f4b1af80.gif][]
5.  rotateOutUpRight  
    ![84761b15916a00e0dc3bcc4f0a890f7d.gif][]

#### Sliding Entrances（滑动效果-入场） ####

1.  slideInUp  
    ![f9bf47eabe4d06d4d21a559d97a976fd.gif][]
2.  slideInDown  
    ![cc7ef43a550b2cf2093b8e0dea64b139.gif][]
3.  slideInLeft  
    ![846c2c03dcda6632844e96756fa48956.gif][]
4.  slideInRight  
    ![3d8909f3bc1b2c7710fe64de6a5911be.gif][]

#### Sliding Exits（滑动效果-退场） ####

1.  slideOutUp  
    ![ef57571554f5a87027b4c2f323cb16b4.gif][]
2.  slideOutDown  
    ![c76e393b0476d074bf0a54d27e222cfb.gif][]
3.  slideOutLeft  
    ![3f1e1c030304b0fc0c6f71cbbc66ff4a.gif][]
4.  slideOutRight  
    ![79eb4c00d13d4920d865119838d27110.gif][]

#### Zoom Entrances（缩放效果-入场） ####

1.  zoomIn  
    ![9fc89e14cfb221cf7f03144a5b1b79ca.gif][]
2.  zoomInDown  
    \[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-G9s17hVW-1606282621181)(https://images.fengjiaheng.top/images/20190322/zoomInDown.gif)\]
3.  zoomInLeft  
    ![f4e3d8b6bfb3b768a93d6038e7e57467.gif][]
4.  zoomInRight  
    ![d09c53165a8740c5be99dc7ddcdfb3e5.gif][]
5.  zoomInUp  
    ![71f25af7461445c88b60625ffe79c2e8.gif][]

#### Zoom Exits（缩放效果-退场） ####

1.  zoomOut  
    ![90324368e9b6b1765acca8041f66d1bd.gif][]
2.  zoomOutDown  
    ![84e6b21a9877af78b43e43e31f2d1fbe.gif][]
3.  zoomOutLeft  
    ![db1c4a491b3f623fbe98095829b96466.gif][]
4.  zoomOutRight  
    ![fde60374b0c9ac1bf19d71ff2a7ccbbd.gif][]
5.  zoomOutUp  
    ![b8a608868d7bdfa10cb48a838143bca0.gif][]

#### Specials（特殊效果） ####

1.  hinge  
    ![f0d710de7b105da638260a2dc7219081.gif][]
2.  jackInTheBox  
    ![a6a3d5090eca2764233906eb2a2940ae.gif][]
3.  rollIn  
    ![e2c2931deed57073331ef71ddc04abab.gif][]
4.  rollOut  
    ![ca458f6f9f9efa67e9005a1e097a7b14.gif][]

[bounce.gif]: /images/20221120/da8a509fd2714bd5a0f531e9a72ee955.png
[flash.gif]: /images/20221120/f094e7ae7f9b414896e5a15399a48cbf.png
[pulse.gif]: /images/20221120/b7d1cef7fd5f4954828ed645a631590e.png
[rubberBand.gif]: /images/20221120/b46909301e5b4aa08402490c69540607.png
[shake.gif]: /images/20221120/0ad27774c934418cae41762f1aee40aa.png
[swing.gif]: /images/20221120/036ac9668880418583b65169c218230d.png
[tada.gif]: /images/20221120/3bd3a8229c7349009de9009be226247d.png
[wobble.gif]: /images/20221120/367674f0d9704985bef58a709a8d14d1.png
[jello.gif]: /images/20221120/8d94a250d76a48488bd79a179c28acf2.png
[heartBeat.gif]: /images/20221120/a38de5d252144b65874de21bd4de292e.png
[bounceIn.gif]: https://img-blog.csdnimg.cn/img_convert/efe5e0a65c051b8e8acebfc84fa13a03.gif
[bounceInDown.gif]: https://img-blog.csdnimg.cn/img_convert/c4678d60471eeed906cbebc6aaef457d.gif
[bounceInLeft.gif]: https://img-blog.csdnimg.cn/img_convert/c7c3a1d9c88a740caa13d7c87503e280.gif
[bounceInRight.gif]: https://img-blog.csdnimg.cn/img_convert/3e1d096b0e14755096eff4fcf7502e8c.gif
[bounceInUp.gif]: https://img-blog.csdnimg.cn/img_convert/988f3f691f4cd1687c70e4d05a8ac089.gif
[bounceOut.gif]: https://img-blog.csdnimg.cn/img_convert/4e7209059408d7224468ea5c24278abf.gif
[bounceOutDown.gif]: https://img-blog.csdnimg.cn/img_convert/648f589d76ee51bb29eb34ec4192f077.gif
[bounceOutLeft.gif]: https://img-blog.csdnimg.cn/img_convert/c25b4bb2032dfecb5be6ee13f28cbb8a.gif
[bounceOutRight.gif]: https://img-blog.csdnimg.cn/img_convert/3b3ac7d9e97d92b6a1de2d3eb386ff43.gif
[bounceOutUp.gif]: https://img-blog.csdnimg.cn/img_convert/4867b9dcbac7d8a7df83d4573c514cca.gif
[fadeIn.gif]: https://img-blog.csdnimg.cn/img_convert/f89dd851021a4b513f1c02c8e2eaa1c8.gif
[fadeInDown.gif]: https://img-blog.csdnimg.cn/img_convert/d8de53aa3f24ec42408d1eaaeba8b4f0.gif
[fadeInDownBig.gif]: https://img-blog.csdnimg.cn/img_convert/ff50f1db23ad04b87bf9aa84318318b2.gif
[fadeInLeft.gif]: https://img-blog.csdnimg.cn/img_convert/c3698fd6dea428468e7fef8f2db313e7.gif
[fadeInLeftBig.gif]: https://img-blog.csdnimg.cn/img_convert/cb3a5b5b5de956c031840650135c1529.gif
[fadeInRight.gif]: https://img-blog.csdnimg.cn/img_convert/b9dcb32f57461d2102ec0541646b9c78.gif
[fadeInRightBig.gif]: https://img-blog.csdnimg.cn/img_convert/932ef50f71a396b23dc6e23f0ceb132e.gif
[fadeInUp.gif]: https://img-blog.csdnimg.cn/img_convert/22dad53b3e7fb9f872df54dd35e22fcf.gif
[fadeInUpBig.gif]: https://img-blog.csdnimg.cn/img_convert/0d8a414df18dcfa943ab937706dad8ce.gif
[fadeOut]: https://img-blog.csdnimg.cn/img_convert/25295950de9b58f91a0e3075aa32c3b3.gif
[6afd8a9d293f076e7cd3388601070bf5.gif]: https://img-blog.csdnimg.cn/img_convert/6afd8a9d293f076e7cd3388601070bf5.gif
[15f43b05cd1eb52a431038f5e907e287.gif]: https://img-blog.csdnimg.cn/img_convert/15f43b05cd1eb52a431038f5e907e287.gif
[7850141afc2876f218e55a62a9d9f1b3.gif]: https://img-blog.csdnimg.cn/img_convert/7850141afc2876f218e55a62a9d9f1b3.gif
[60fa933b2333a544ef6bb637056a1ff9.gif]: https://img-blog.csdnimg.cn/img_convert/60fa933b2333a544ef6bb637056a1ff9.gif
[fd0bf26ee4b67d30536568504e923538.gif]: https://img-blog.csdnimg.cn/img_convert/fd0bf26ee4b67d30536568504e923538.gif
[000cb24d763183ad554a2e40c2761361.gif]: https://img-blog.csdnimg.cn/img_convert/000cb24d763183ad554a2e40c2761361.gif
[8563446abda172114bdcdc6f9411abec.gif]: https://img-blog.csdnimg.cn/img_convert/8563446abda172114bdcdc6f9411abec.gif
[b48bdf0a9fa4fce262a96455587170dc.gif]: https://img-blog.csdnimg.cn/img_convert/b48bdf0a9fa4fce262a96455587170dc.gif
[dd7bffb24a1ca4ced914e2e8627164a9.gif]: https://img-blog.csdnimg.cn/img_convert/dd7bffb24a1ca4ced914e2e8627164a9.gif
[780ad59a80699fbee1b20f29caea6337.gif]: https://img-blog.csdnimg.cn/img_convert/780ad59a80699fbee1b20f29caea6337.gif
[830f53c280bb46984cf2f157afbede85.gif]: https://img-blog.csdnimg.cn/img_convert/830f53c280bb46984cf2f157afbede85.gif
[f9e4db13ea2d52cc8d8f67368fe300c9.gif]: https://img-blog.csdnimg.cn/img_convert/f9e4db13ea2d52cc8d8f67368fe300c9.gif
[b345c11c5ddb847e913798b01d503424.gif]: https://img-blog.csdnimg.cn/img_convert/b345c11c5ddb847e913798b01d503424.gif
[f8271f54326ae150d8bdd2d39d4a42db.gif]: https://img-blog.csdnimg.cn/img_convert/f8271f54326ae150d8bdd2d39d4a42db.gif
[e6d9ffc7a41984e399fe4ae00db005af.gif]: https://img-blog.csdnimg.cn/img_convert/e6d9ffc7a41984e399fe4ae00db005af.gif
[6ab7104762253265cff171e2736c057f.gif]: https://img-blog.csdnimg.cn/img_convert/6ab7104762253265cff171e2736c057f.gif
[375c199af1abbe6b9db00658af34b6bb.gif]: https://img-blog.csdnimg.cn/img_convert/375c199af1abbe6b9db00658af34b6bb.gif
[05453e3ffede9ba0e55b15f6cf78123a.gif]: https://img-blog.csdnimg.cn/img_convert/05453e3ffede9ba0e55b15f6cf78123a.gif
[a67afe010987fbc9d210900940a20b92.gif]: https://img-blog.csdnimg.cn/img_convert/a67afe010987fbc9d210900940a20b92.gif
[da6943a788a51aaf6332b4c78f6c9521.gif]: https://img-blog.csdnimg.cn/img_convert/da6943a788a51aaf6332b4c78f6c9521.gif
[3a7994375413c3577090adefa1fbf69f.gif]: https://img-blog.csdnimg.cn/img_convert/3a7994375413c3577090adefa1fbf69f.gif
[5b08d48238273b10171415b946b4fd4a.gif]: https://img-blog.csdnimg.cn/img_convert/5b08d48238273b10171415b946b4fd4a.gif
[5e632e20d92175ec9e3536e1f4b1af80.gif]: https://img-blog.csdnimg.cn/img_convert/5e632e20d92175ec9e3536e1f4b1af80.gif
[84761b15916a00e0dc3bcc4f0a890f7d.gif]: https://img-blog.csdnimg.cn/img_convert/84761b15916a00e0dc3bcc4f0a890f7d.gif
[f9bf47eabe4d06d4d21a559d97a976fd.gif]: https://img-blog.csdnimg.cn/img_convert/f9bf47eabe4d06d4d21a559d97a976fd.gif
[cc7ef43a550b2cf2093b8e0dea64b139.gif]: https://img-blog.csdnimg.cn/img_convert/cc7ef43a550b2cf2093b8e0dea64b139.gif
[846c2c03dcda6632844e96756fa48956.gif]: https://img-blog.csdnimg.cn/img_convert/846c2c03dcda6632844e96756fa48956.gif
[3d8909f3bc1b2c7710fe64de6a5911be.gif]: https://img-blog.csdnimg.cn/img_convert/3d8909f3bc1b2c7710fe64de6a5911be.gif
[ef57571554f5a87027b4c2f323cb16b4.gif]: https://img-blog.csdnimg.cn/img_convert/ef57571554f5a87027b4c2f323cb16b4.gif
[c76e393b0476d074bf0a54d27e222cfb.gif]: https://img-blog.csdnimg.cn/img_convert/c76e393b0476d074bf0a54d27e222cfb.gif
[3f1e1c030304b0fc0c6f71cbbc66ff4a.gif]: https://img-blog.csdnimg.cn/img_convert/3f1e1c030304b0fc0c6f71cbbc66ff4a.gif
[79eb4c00d13d4920d865119838d27110.gif]: https://img-blog.csdnimg.cn/img_convert/79eb4c00d13d4920d865119838d27110.gif
[9fc89e14cfb221cf7f03144a5b1b79ca.gif]: https://img-blog.csdnimg.cn/img_convert/9fc89e14cfb221cf7f03144a5b1b79ca.gif
[f4e3d8b6bfb3b768a93d6038e7e57467.gif]: https://img-blog.csdnimg.cn/img_convert/f4e3d8b6bfb3b768a93d6038e7e57467.gif
[d09c53165a8740c5be99dc7ddcdfb3e5.gif]: https://img-blog.csdnimg.cn/img_convert/d09c53165a8740c5be99dc7ddcdfb3e5.gif
[71f25af7461445c88b60625ffe79c2e8.gif]: https://img-blog.csdnimg.cn/img_convert/71f25af7461445c88b60625ffe79c2e8.gif
[90324368e9b6b1765acca8041f66d1bd.gif]: https://img-blog.csdnimg.cn/img_convert/90324368e9b6b1765acca8041f66d1bd.gif
[84e6b21a9877af78b43e43e31f2d1fbe.gif]: https://img-blog.csdnimg.cn/img_convert/84e6b21a9877af78b43e43e31f2d1fbe.gif
[db1c4a491b3f623fbe98095829b96466.gif]: https://img-blog.csdnimg.cn/img_convert/db1c4a491b3f623fbe98095829b96466.gif
[fde60374b0c9ac1bf19d71ff2a7ccbbd.gif]: https://img-blog.csdnimg.cn/img_convert/fde60374b0c9ac1bf19d71ff2a7ccbbd.gif
[b8a608868d7bdfa10cb48a838143bca0.gif]: https://img-blog.csdnimg.cn/img_convert/b8a608868d7bdfa10cb48a838143bca0.gif
[f0d710de7b105da638260a2dc7219081.gif]: https://img-blog.csdnimg.cn/img_convert/f0d710de7b105da638260a2dc7219081.gif
[a6a3d5090eca2764233906eb2a2940ae.gif]: https://img-blog.csdnimg.cn/img_convert/a6a3d5090eca2764233906eb2a2940ae.gif
[e2c2931deed57073331ef71ddc04abab.gif]: https://img-blog.csdnimg.cn/img_convert/e2c2931deed57073331ef71ddc04abab.gif
[ca458f6f9f9efa67e9005a1e097a7b14.gif]: https://img-blog.csdnimg.cn/img_convert/ca458f6f9f9efa67e9005a1e097a7b14.gif

anime.css

发表评论取消回复

还没有评论，来说两句吧...

相关阅读