炫酷文字波动效果

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

 26381  333  查看评论 (10)
分享到微信朋友圈
X
炫酷文字波动效果 ie兼容10

更新时间:2017-6-19 15:50:32

更新说明:修改了鼠标事件的Bug


更新时间:2017-6-18 06:28:11

更新说明:

1.  添加一种波动效果,添加了新的算法

2.  增加了持续时间参数 

3.  增加了事件的判定,动画效果更准确

elasticText({
    id: 'otext1', //容器id
    color: 'rgb(255, 87, 34)', //文字颜色,可以用#000 16进制
    fontSize: '18px', // 文字大小
    content: '你说帘外海棠,锦屏鸳鸯;后来庭院春深,咫尺画堂。' // 文本内容
}, {
    id: 'otext2', //如果有多个容器 用,隔开即可 
    color: 'rgb(33, 150, 243)',
    fontSize: 22,
    content: '你说笛声如诉,费尽思量;后来茶烟尚绿,人影茫茫。'
});

比较仓促,可能会有BUG。

相关插件-动画效果,悬停

canvas 雨滴

这款动画主要是模拟了下雨的场景,雨滴从空中飘落,落在地上溅起水花,整个过程模拟得相当逼真。更重要的是,这款HTML5下雨动画还可以通过鼠标控制风向和雨水强度,鼠标左右滑动控制雨滴方向,鼠标上下滑动控制雨滴密度。
  动画效果
 29309  419

超级牛B的js效果

跟上一个心的形状用的类似的方法。不用我多说,看了就知道有多牛B了哦。可兼容手机。暂停之后一个手指拖动改变视角,两个手指可以调整视角的大小,三个手指可以移动。
  动画效果
 59038  331

图标点击反馈特效

HTML5 CSS3 SVG 制作的图标点击反馈特效,点击出现波纹、飞溅、滴水、loading等效果
  动画效果
 44112  587

简单实用的jQuery和CSS3卡片自动翻牌特效

这是一款简单实用的jQuery和CSS3卡片自动翻牌特效。该卡片翻转效果使用CSS3透视和backfacevisibility属性来制作卡片正反面效果,并使用jQuery使其自动旋转起来。
  动画效果
 48712  356

讨论这个项目(10)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    柠檬天然萌(?? . ??) 0
    2019/8/28 11:03:12
    欧阳筱苒 0
    2018/5/18 17:12:12
    有意思,第一个橡皮筋的感觉第二个是窗帘的感觉 回复
    迁风丶 0
    2017/9/27 11:22:38
    飘逸影 0
    2017/8/3 14:21:47
    ma ji ya ba ku lie ,有点爽 回复
    A至全科技-美多优捷-赞郡 0
    2017/7/21 16:07:21
    停格 0
    2017/6/30 9:22:35
    话不投机半句多 0
    2017/6/19 17:45:04

    第一个把鼠标悬浮在最后一个字往上或往下,会出现卡住不动。报个BUG

        Supreme0
        2017/6/19 20:40:35
        审核中 还没通过
    回复
    给你深爱? 0
    2017/6/17 17:09:09

    你这么抖,我都看不清了。

    回复
    、м゛尐懒瀦 0
    2017/6/16 8:38:37
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复