犯 CSS 罪

Avatar of Bradley Kouchi
Bradley Kouchi

DigitalOcean 提供适用于旅程各个阶段的云产品。立即开始使用 价值 200 美元的免费积分!

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

在当前的內容服务提供商环境中,用户通常仅限于以文本、链接和图像形式表达自己。消毒规则往往会剥离 HTML、JavaScript 和各种属性。

社交媒体服务 Cohost 允许用户比我们通常习惯的拥有更大的标记和内联样式自由度。一些用户利用这种自由犯下了 CSS 罪!它导致通过以非常规方式使用属性来进行熟悉界面的创意重建和互动游戏。

Blackle Mori 创建了一个装置,其中缓慢拉动一个把手会转动一系列齿轮、滑轮和链条。最终,一个孔口会打开,露出该网站的吉祥物(“蛋虫”)和“干得好!”的宣告。我一直在开发者工具中盯着它看,它是一个令人惊叹的 gridresizetransformcalc() 的组合。我最终给所有 <div> 添加了 border,以更好地了解每个元素是如何移动的。

过去,我曾被限制使用 HTML、JavaScript 和 CSS 的完整工具包。有很多使用装饰性 CSS 形状 来绕过图像的实例。我使用 :hover 作为 mouseentermouseleave 的变通方法。我使用 input:checked 作为兄弟选择器 进行切换。

虽然 CSS 罪可能不是您想经常使用的东西,但我们应该拥抱在限制条件下进行的实验,这可以培养创造性的解决方案。

直接链接 →