UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

css3线条动画特效

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

 36046  403  查看评论 (12)
分享到微信朋友圈
X
css3线条动画特效 ie兼容10
 查看演示  立即下载

纯css3线条动画特效

定义动画的容器：

bz-buttonAnimat //规定线条显示

关键类名：

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

效果：

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

jQuery鼠标悬停方向感知移入效果

 jQuery简单实现鼠标各方为移入 代码简单易懂适合初学这阅读
  悬停
 33868  480

60种css3鼠标悬停效果

 一款使用的效果，数遍悬停会出现相应图片的简介
  悬停
 59626  931

JQuery 鼠标悬停放射出炫幻效果

 JQuery 鼠标悬停放射出炫幻效果 CSS 里面还带字体哦
  悬停
 30001  379

jQuery hover时实现浮动

 以简单的实现hover是的效果,加入了延时误操作处理鼠标快速滑过不会被触发。
  悬停
 36979  412

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