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

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