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

css3线条动画特效

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

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

纯css3线条动画特效

定义动画的容器：

bz-buttonAnimat //规定线条显示

关键类名：

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

效果：

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

15款css3鼠标悬停图片动画文字效果

 15款css3鼠标悬停图片动画文字效果
  悬停
 41757  511

css鼠标悬停效果,自适应页面大小

 网站常用功能展示，css鼠标悬停效果
  悬停
 20021  288

jQuery+Css3鼠标不同方向移入效果

 jQuery鼠标方向感知，不同方向移入移除效果
  悬停
 25791  365

css3 tranfm鼠标悬停旋转

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

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