CSS 滑动门十年纪念

看到这篇文章,真是让我心潮澎湃,仿佛看到刚接触前端的我,拿着本《CSS设计彻底研究》慢慢的啃。当时看到前人发明的 CSS 滑动门,真是觉得相当惊艳,转眼间,这个技术距今已有10年。

正是十年前的 2003年10月20日,A List Apart 的文章《CSS 滑动门》。

A List Apart 现在提醒读者“尽管它曾经辉煌,但此文不再代表当今的最佳实践”。的确是这样,但是让这个周年纪念悄悄过去心有不甘。

可能许多人没有从事 web 工作,他们或许想知道为什么一篇如何把无序列表修饰成标签的文章怎么会如此重要,因为我们现在可以使用支持更好的 CSS 属性达到同样的效果。

我们可以在单个元素使用多背景图片,而不是给列表项和锚点同时应用图片。我们可以使用圆角,多个内部盒子阴影(box shadow)创建时髦的 3d 标签。如果我们打算牺牲一点浏览器兼容性,甚至可以使用 CSS 渐变 。

但是在 Doug 之前,毫不夸张地说,没有人想出如何用 CSS 制作圆角标签。这是 A List Apart 一系列开创性文章的伊始,它不仅打破了 CSS 的限制,而且改变了 web ,被众人熟知。如果你还没读过滑动门的文章以及后续文章,现在可以品味下了。

怀旧之情?是的,今天的我们是多么幸运,拥有成熟的 CSS 和浏览器兼容性,那些只是 2003 年时的梦想。