互动粒子幻灯片

所属分类:其他-动画效果

 37134  373  查看评论 (3)
分享到微信朋友圈
X
互动粒子幻灯片 ie兼容10

这是一个实验性的互动式幻灯片与的数学形状和文本使用Canvas组件。的幻灯片包括对形状和文本,两个做出来的,用户可以交互导航时,过渡到下一对颗粒。用帆布,我们可以动态地使用JavaScript绘制2D的东西,这个实验显示了一些可能性。

alt=""/>

形状的颗粒,颗粒将被绘有一组预定义的颜色。文本将被建立起来的白色颗粒:

alt="" width="100%"/>

当导航到下一个(或以前)的幻灯片,文本和形状将演变成新的,创造一个有趣的效果:

alt="" width="100%"/>

改造后,我们可以看到下一张幻灯片的形状和文字:

alt="" width="100%"/>

文本和形状的颗粒是互动的一个办法,我们可以把他们推了一下周围:

alt="" width="100%"/>


希望你喜欢它,它给你一些启发!

相关插件-动画效果

非常简单好用的一个数字滚动插件countUP

通过给JQuery 添加方法,可以定义小数点前后显示位数,数字后面是否显示%或者其他符号,并带有回调函数。
  动画效果
 66662  426

CSS3提交按钮动画特效

这个提交按钮效果有两组动画:当屏幕大于800px的时候是一个动画效果,当屏幕小于800像素的时候是另一种动画效果。缩放你的浏览器看看不同的提交按钮动画效果吧!
  动画效果
 44619  428

点击效果Google Design 谷歌的设计团队

效果是 Google Design 也就是谷歌的设计团队博客用到了这个效果 , 当时的第一感觉就是 擦 ,google就是牛逼, 一个按钮点击也要酷到不要不要的了
  动画效果
 38700  500
  动画效果
 28129  324

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

    情??? 0
    2017/6/13 17:04:02
    雷雷雷雷少爷 0
    2016/5/20 9:05:12
    将酷炫进行到底
        雷雷雷雷少爷0
        2016/5/20 9:05:45
        好棒
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复