1千字节的CSS可以做什么？

我已经抱怨mo肿的网页已有一段 时间了。 尽管有我的抗议，但网页权重却迅速接近1MB 。

CSS1K项目说明了使用一千字节的超薄内衬样式表代码可以执行的操作。 它受到Zen Garden等画廊和js1k.com等JavaScript竞赛的影响，但是据我所知，从来没有CSS挑战。

规则很简单：

1. 您必须在css1k.com上设置HTML5页面的样式 。
2. 提交的内容必须在单个CSS文件中，最大大小为1,024字节（允许最小化）。
3. 供应商前缀不计入总数。 您应提交非前缀代码， css1k.com将为您添加浏览器前缀。
4. 禁止使用外部资源，例如图像，字体和@imports。 您也不能使用数据URI，太可惜了！
5. 跨浏览器兼容性是可取的，但是如果需要，可以使用适当的降级功能。
6. 您的代码必须在开源MIT许可下发布 。

到目前为止，有几十个条目。 我特别喜欢：

• 歪斜 -聪明，尽管不是很好的用户体验！
• 泡沫 -CSS过渡的绝佳展示
• 书架 -您期待什么？
• 桌面 -Windows XP in 1K！
• 地理位置 -啊，怀旧！

很少有令人印象深刻的示例，因此这是您展示忍者式CSS技能的机会！ 如果您决定发布条目，请在下面的评论中留下您的链接...

From: https://www.sitepoint.com/1-kilobyte-css-gallery/