HTML5技术

10个奇幻的HTML5和Javascript效果

字号+ 作者: 来源:PHP100中文网    2014-11-17 18:29 我要评论( )

又10款令人惊奇的HTML5和javascript效果,今天网游的时候,又偶然踫到的这几款很不错的效果。回到几年前,这些效果是根本不可能实现,只能用flash做,但是现在,已经很轻松的就可以实现了。 之前也发布了几篇此类的文章,但觉得这几款效果确实很让人难以割舍

 又10款令人惊奇的HTML5和javascript效果,今天网游的时候,又偶然踫到的这几款很不错的效果。回到几年前,这些效果是根本不可能实现,只能用flash做,但是现在,已经很轻松的就可以实现了。

  之前也发布了几篇此类的文章,但觉得这几款效果确实很让人难以割舍,它们奇幻、炫丽,还是收藏了和大家一起分享吧。:-p

  等会,大家要记得用高版本的一些浏览器哦,要不看不到效果的,我用的是Firefox3.5.11。

  个人非常喜欢Breathing Galaxies和FlowerPower,真得很炫,你喜欢哪款呢?

  Breathing Galaxies

  clip_image001

  使用键盘来改变形状中的线条样式,或移动鼠标来创建一个新的形状。

  Noise Field

  clip_image002

  移动鼠标来改变粒子的运动。点击随机产生参数。

  Keylight

  clip_image003

  根据按键放置的位置不同来产生不同的单调。

  Swirling Tentacles

  clip_image004

  循环产生彩色不同颜色的三维线。

  FlowerPower

  clip_image005

  来自于大自然另一个灵感 – 使用贝赛尔曲线做为笔刷绘图工具花朵,使用鼠标点击或拖动均可看到效果。

Blob

  clip_image006

  一滴可以在屏幕上抛掷的柔软的水泡,它可以在浏览器窗口中弹跳。这个水泡可以分割成许多小水滴(双击),如果他们碰撞小水滴们还会合并成一个大水滴。

  Rotating Spiral

  clip_image007

  你是越来越困,很困…. 独立旋转螺旋的效果 – 简单,但视觉吸引力。点击开始,停止和扭转旋转。

  Magnetic

  clip_image008

  磁点是用来控制粒子流。如果有很多粒子围绕磁铁,它会辐射的颜色和大小的增加。鼠标双击操作。

  Trail

  clip_image009

  五颜六色的粒子跟随鼠标并在鼠标周围旋转,同时生成一个有机的痕迹,然后慢慢地淡出。

  Graph Layout

  clip_image010

  一种交互式力向图的布局。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Css3中拖拽效果的实例(带有注释~欢迎指教) - 一混五六年

    Css3中拖拽效果的实例(带有注释~欢迎指教) - 一混五六年

    2017-03-04 10:00

  • c3和js写的切割轮播图 喜欢宋仲基的妹子汉子们来,观看效果需要引入jQuery^^ - 柿子橙

    c3和js写的切割轮播图 喜欢宋仲基的妹子汉子们来,观看效果需要引入j

    2017-02-26 14:01

  • 10种非常值得收藏的csshover效果 - 张三木

    10种非常值得收藏的csshover效果 - 张三木

    2017-02-16 12:01

  • jQuery鼠标悬停3d菜单展开动画 - roucheng

    jQuery鼠标悬停3d菜单展开动画 - roucheng

    2017-01-19 13:04

网友点评