css3线条动画特效

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

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

纯css3线条动画特效

定义动画的容器:

bz-buttonAnimat //规定线条显示

关键类名:

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

效果:

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

鼠标hover效果(原创)

30种鼠标触碰按钮添加背景样式的效果~
  悬停
 47837  713

鼠标移入展开(原创)

适用于鼠标移入产品详情展示
  悬停
 25857  362

数十次css3鼠标悬停特效

鼠标移上去,界面显示的多种方式,各种css3动画
  悬停
 35473  842

jQuery图片边框线条动画效果

本案例的主要效果是鼠标悬停在图片上,从其中的两个角分别延伸出两条线 类似两条河流交汇的效果
  悬停
 39624  436

讨论这个项目(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币?不要骗我,我也试一下看看
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复