网址:http://brightmedia.pl/?lang=en&site=intro
就是当我鼠标滚轮滑动的时候 页面中的线条会伸长 流动 我想知道这些效果的原理
学习是最好的投资!
这个网站好棒!
F12看下的话,如上图,是这样:3个position: fixed;的<canvas>元素随时占据视野范围内可见的空间。所以整个过程是,根据页面滚动的位置,控制<canvas>里的绘图。
position: fixed;
<canvas>
具体canvas的绘图方法就请查看相应的教程了。
好棒唉的网站。。
外国人就是会玩,设计也不错。一般这样的实现都用滚屏插件,实现也很简单,关键还是看设计和创意。这个网站的实现蛮有创新的,使用了canvas,效果可能更多,但流畅性会差一些。编程也会各种麻烦。
这个网站好棒!
F12看下的话,如上图,是这样:3个
position: fixed;
的<canvas>
元素随时占据视野范围内可见的空间。所以整个过程是,根据页面滚动的位置,控制<canvas>
里的绘图。具体canvas的绘图方法就请查看相应的教程了。
好棒唉的网站。。
外国人就是会玩,设计也不错。一般这样的实现都用滚屏插件,实现也很简单,关键还是看设计和创意。
这个网站的实现蛮有创新的,使用了canvas,效果可能更多,但流畅性会差一些。编程也会各种麻烦。