Safari 不断地实现一些最具创新性的 web 技术，以此推进 web 可能实现的功能。Safari 支持 CSS 动画、CSS 效果以及 CSS web 字体，您可以利用这些功能创建下一代具有丰富界面的交互性 web 应用程序。

• CSS 动画

  Safari 是第一个支持 CSS 变换和动画的浏览器。使用这些技术，您可以编程绘制动画变换，制作出若干 CSS 和 SVG 属性—包括高度，宽度，不透明度和可见度等基本属性，以及z-坐标和字间距等高级属性。由于 WebKit 引擎负责处理这些动画的渲染，因此，不能用常规的 JavaScript 动画技术来匹配 CSS 动画的表现。使用这种开放 web 标准，创建高性能的一流界面将如同添加几行 CSS 代码一样简单。

• 查看更多 CSS 动画

CSS 特效

使用 Safari 中最新的 CSS 特效，开发人员可以为 web 页面上的任何元素设计出炫目的渐变效果，恰如其分的遮掩效果或是令人震撼的反光效果，来为他们的网站润色，而这一切只需要几行代码就能够做到。

CSS3 文本效果

Safari 浏览器也支持诸如自动断字、垂直文本以及文本强调等 CSS3 的文本效果。这些效果可以让您的网站更便于定制，也更易于阅读。

• 查看更多 CSS 特效

• CSS Web 字体

  有了 CSS web 字体，您可以使用基于标准的技术，来显示标准 web 安全字体集之外的字体。Safari 浏览器会自动识别出使用 CSS web 字体显示自定义字体的网页，并根据需要下载相应的字体文件。通过使用 CSS web 字体（而非图像）来显示自定义字体，您可以创建令人炫目的文本效果，创建速度也远远超过了基于图像的方法。此外，使用 web 字体（而非图像）的网页将会下载得更快，并且可以被屏幕阅读器解释，而无需任何额外的编码工作。