炫酷文字波动效果

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

 26131  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。

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

bezie curve 曲线动画

bezie curve 曲线动画
  动画效果
 33487  417

超酷炫的HTML5页面飘落蒲公英动画

别人都飘雪,咱们开始飘蒲公英啦!
  动画效果
 45587  647

cs3旋转动画实现地球周转

css33d效果旋转变形
  动画效果
 42537  439

背景彩带动画插件ribbon.js

只有1kb的javascript 可以使用 HTML5 画布在您的网站上生成背景彩带动画
  动画效果
 36474  409

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复