跳到主要内容

10个令人难以置信的CodePens

果冻菜单

这看起来像任何其他菜单,直到你给它一个滚动并发现它是由果冻制成!菜单项在移动时弯曲,并在静止时重新旋转到位。

可拖动溢出长句

有时您的文本设置计划和文本本身不能一起工作。可拖动溢出让你保持整洁,而不必妥协内容。当文本击中条形时文本淡出,可以通过拖动滚动。

流体网格使用文本对齐:对齐

这个漂亮的技术使用文本对齐:对齐为您的响应式布局创建一个流体网格,使您无需定义水平边距,浮动或清除修复。你可以在中阅读更多相关信息Patrick Kunka的博客文章

Squishy切换按钮

这些令人难以置信的柔软按钮即使它们与鼠标一起使用,也会为您的屏幕带来伪触觉体验。我们还没有在触摸界面上尝试过它们,但我们确信它们会让我们大吃一惊。

纯CSS剥皮粘

粘性的也唤起了一种令人愉快的触觉记忆,这一次的标签很容易剥离,以揭示其他东西。

文字文字

通过滚动显示一些标题文本,James-Bond-介绍式圆形窗。当窗口到达文本末尾时,窗口会反弹。

恐惧球

这些球害怕你的鼠标指针以令人毛骨悚然,逼真的方式。如果你积极地移动他们会恐慌和分散,但如果你慢慢靠近他们将以相似的速度漂移,总是保持特定的距离。有趣的是,如果你走得太远,他们会聚在一起,好奇地朝你走来。

可撕布

这是你可以摇晃的窗帘。不,不止于此。你可以很难撼动它。它甚至可以从它上面制作孔和撕裂片,它在屏幕周围令人满意地反弹。你可以完全破坏这件事,感觉像是一个适当的破坏者。

培养

一个幽灵般的JavaScript火车蜿蜒穿过一系列阴暗的隧道。

重力点

天体漫无目的地漂浮在周围这个模拟器直到你通过添加一些重力点来改变现状。需要注意的一个有趣的方面是重力点本身彼此吸引,所以它们会慢慢地一起蠕动,直到它们结合起来形成一个更大,更强大的点。



翻译字数超限