首页 > 请问这个网站的效果怎么实现的?

请问这个网站的效果怎么实现的?

网址:http://brightmedia.pl/?lang=en&site=intro

就是当我鼠标滚轮滑动的时候 页面中的线条会伸长 流动 我想知道这些效果的原理


外国人就是会玩,设计也不错。一般这样的实现都用滚屏插件,实现也很简单,关键还是看设计和创意。
这个网站的实现蛮有创新的,使用了canvas,效果可能更多,但流畅性会差一些。编程也会各种麻烦。


好棒唉的网站。。


这个网站好棒!

F12看下的话,如上图,是这样:3个position: fixed;<canvas>元素随时占据视野范围内可见的空间。所以整个过程是,根据页面滚动的位置,控制<canvas>里的绘图。

具体canvas的绘图方法就请查看相应的教程了。

【热门文章】
【热门文章】