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

css3线条动画特效

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

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

纯css3线条动画特效

定义动画的容器：

bz-buttonAnimat //规定线条显示

关键类名：

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

效果：

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

悬停显示图片

 超炫酷鼠标悬停显示图片
  悬停
 27459  378

jQuery图片悬停插件HoverEx

 图片悬停精美动画效果HoverEx插件
  悬停
 36770  555

纯CSS3 可感知方向 3D盒子翻转动画(原创)

 感应鼠标进入方向，向不同的方向翻转
  悬停
 23804  336

css3 tranfm鼠标悬停旋转

 jquery加css3实现 tranfm鼠标悬停旋转效果
  悬停
 32611  426

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