css3线条动画特效

所属分类:UI,其他-悬停,动画效果

 38253  404  查看评论 (12)
分享到微信朋友圈
X
css3线条动画特效 ie兼容10

纯css3线条动画特效

定义动画的容器:

bz-buttonAnimat //规定线条显示

关键类名:

clockwise//规定动画顺时针
counterclockwise//规定动画逆时针

效果:

horizontal//上下两条边框出现线条 
vertical//左右两条边框出现线条
both//四条边框出现线条
相关插件-悬停,动画效果

c的鼠标滑过图片遮罩层动画jQuery插件

nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果,它可以设置遮罩层的前景色和背景色,可以制作圆形图片等,非常实用。
  悬停
 37334  383

css3 tranfm鼠标悬停旋转

jquery加css3实现 tranfm鼠标悬停旋转效果
  悬停
 34578  427

jQuery仿梦幻西游指针特效

梦幻西游指针图标和水波特效
  悬停
 29349  336

9种CSS3 blend模式制作的鼠标滑过图片标题特效

9种CSS3 blend模式制作的鼠标滑过图片标题特效
  悬停
 33401  437

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    差不多先生 0
    2019/6/25 19:29:56
    谢谢分析思维,以封装自己的需求 回复
    自由飞翔 0
    2019/6/24 10:53:21
    谢谢,效果超赞! 回复
    console.log("Yy"); 0
    2019/5/28 10:56:30
    按钮效果特别好,代码好找,引了插件直接单个button拿出来对应css就能用上 回复
    demign 0
    2019/5/27 15:48:52
    ?找-安静 0
    2019/1/4 16:48:01
    这个可以用CSS3的伪类来写~
        reginaphalange0
        2019/1/10 10:06:52
        好的
              home.    0
        2019/5/9 9:21:04
        你好啊 我就是回复一下赚个jq币
        console.log("Yy");0
        2019/5/12 13:11:43
        me too
        就酱0
        2019/5/20 10:26:44
        试一下
        jo20
        2019/7/31 14:43:53
        真的?
        widecyruschan0
        2019/10/4 13:53:29
        回复一下赚个jq币
        NULL0
        2021/6/2 14:59:15
        能赚JQ币?不要骗我,我也试一下看看
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复