实施 CSS 犯罪

图片

CSS-Tricks 的时代已经结束。 现在是 CSS 犯罪的时候了!

在当前的内容服务提供商环境中,用户通常仅限于通过文本、链接和图像来表达自己。 清理规则倾向于去除 HTML、JavaScript 和各种属性。

社交媒体服务 共主体 允许用户在标记和内联样式方面拥有比我们通常习惯的更大的自由度。 一些用户利用这种自由来犯下 CSS 犯罪! 它通过以非传统方式使用属性,对熟悉的界面和交互式游戏进行了创造性的再现。

Blackle Mori 创造了一个装置 拉动把手会慢慢转动一系列齿轮、滑轮和链条。 最终,一个光圈打开,露出该站点的吉祥物(“eggbug”)和“干得好!”的宣言。 我在开发者工具中看过这个,这是一个惊人的组合 grid, resize, transformcalc(). 我最终添加了一个 border 所有 <div>s 试图更好地理解每个元素是如何移动的。

过去曾有过限制我使用完整的 HTML、JavaScript 和 CSS 工具包的情况。 有很多使用装饰的例子 CSS 形状 绕过图像。 我用过 :hover 作为解决方法 mouseentermouseleave. 我用过了 input:checked 作为兄弟选择器 用于切换。

虽然 CSS Crimes 可能不是您想要经常使用的东西,但我们应该在可以培养创造性解决方案的约束范围内进行实验。


直接链接 →

时间戳记:

更多来自 CSS技巧