炫酷文字波动效果

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

 3689  28  查看评论 (7)
炫酷文字波动效果 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。

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

jQuery CSS3文字标题动画效果

css3文字标题动画效果,支持翻转,打字等效果
  动画效果
 4242  42

css3实现文字3d

纯css3 写出文字3d效果
  动画效果
 8350  51

jQuery css3手机页面转换动画特效

jQuery css3手机页面转换动画特效
  动画效果
 10907  120

3D元素周期表

超炫的3d动画设计
  动画效果
 29021  530

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币

    飘逸影 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
取消回复