跳到主要内容

猫的惊人 - 响应式网页设计在行动!

The cat stretches to the width of the browser window

猫伸展到浏览器窗口的宽度

日本网页设计师和互动导演Masayuki Kido,又名Roxik多年来,他一直以其俏皮和富有创造力的网站和网络实验令设计界感到高兴 - 这是迄今为止最好的设计!

Roxik的敏感的猫就像听起来一样:一个横跨浏览器窗口长度的动画小猫,并在缩小窗口宽度时相应调整大小。

Alter the window size and the animated cat squashes up to fit

改变窗口大小和动画猫挤压适合

让它变得足够窄,这个生物从'猫'变成'胖',带来欢闹的后果。乐趣并没有结束 - 但我们不想破坏它,所以现在去玩吧!

Roxik的响应式猫是展示响应式网页设计基本原理的绝佳方式,您甚至可以更改视图以查看图形下方正在进行的几何体。

Click 'Change view' and you can see the underlying geometry

单击“更改视图”,您可以看到基础几何体

现在阅读这些!

您是否看过响应式网页设计的一个很好的例子?在评论中告诉我们!

话题



翻译字数超限