投票结果:CSS3 特性

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

到目前为止,近 7000 人参与了此次投票,使其成为迄今为止规模最大的一次!问题是

如果 CSS2 和 CSS3 在明天得到所有浏览器的完全支持,您最期待什么?

一如既往,结果非常有趣。第一名的竞争非常激烈,在三位顶级竞争者之间来回反复多次。

  • #1) 圆角 (22.0%,1,541 票) – 此属性已在最广泛的使用中,通过 Mozilla 和 WebKit 浏览器扩展。显然是设计师们的强烈需求。IE 中仍然没有支持的迹象。
  • #2) 多个背景 (22.0%,1,523 票) – 我投了这一票!这将使一些很酷的事情成为可能,并且只需很少的标记。它的向后兼容性很粗糙,所以这需要一段时间。
  • #3) @font-face (21.0%,1,424 票) – 随着即将发布的新版 Firefox 以及 Safari、Opera,甚至 IE (!) 都开始支持它,这很快就会开始看到一些广泛的使用。现在的问题是我们能用什么,不能用什么,以及法律方面的含义。
  • #4) 动画/过渡 (12.0%,818 票) – WebKit 在这里领先,有一些非常惊人的可能性。显然,动画是设计的一部分,并且属于样式表。这些可以以渐进增强的方式应用,所以一旦它们超越了仅 WebKit,我认为我们会开始看到更多。
  • #5) 渐变 (8.0%,535 票) – 定义纯色背景非常简单,但是一旦需要渐变,通常就会涉及图像。然而,渐变是数学定义的,并且是使用代码定义的完美候选者。WebKit 是第一个进入这个领域的人,结果非常棒。
  • #6) 盒阴影 (4.0%,271 票) – 投影是渐变的一种形式,也通常需要使用图像。这些可能比典型的渐变更复杂,因为它们需要朝不同的方向淡出,通常需要使用大量额外的标记和图像。盒阴影使向元素添加投影变得非常容易。
  • #7) RGBa (3.0%,234 票) – RGBa 中的“a”代表“alpha”,即透明度。能够声明具有透明度的颜色而无需影响所有子元素对于设计师来说非常棒。这正在得到广泛的支持,当然除了 IE 之外。
  • #8) 文本阴影 (2.0%,140 票) – 再次出现渐变,仅应用于构成 Web 文本的矢量形状后面。这使用图像也无法实现,因此这将带来以前无法实现的 Web 文本设计可能性。
  • #9) 其他 (2.0%,168 票) – 请分享!

我有一个新的投票想法,我将在本周晚些时候发布。