Safari continues to implement the most innovative web technologies to push the boundaries of what’s possible on the web. With Safari support for CSS animation, CSS effects, and CSS web fonts, you can create the next generation of rich, interactive web applications.

• CSS Animation

  Safari is the first browser to support CSS transitions and animations. Using these technologies, you can animate changes programmatically to make a number of CSS and SVG properties, including basic properties such as height, width, opacity, and visibility, and advanced properties such as z-index and word-spacing. Since the WebKit engine handles the rendering of these animations, the performance of CSS animations cannot be matched by conventional JavaScript animation techniques. Using this open web standard, creating high-performance, cutting-edge interfaces is as easy as adding a few lines of CSS.

• View CSS animations in action

CSS Effects

Using the latest CSS effects available in Safari, developers can style any element on a web page with eye-catching gradients, precise masks, and stunning reflections, providing an extra layer of polish to their websites by adding just a few lines of code.

• View CSS web fonts in action

• CSS Web Fonts

  With CSS web fonts, you can use standards-based technology to display fonts outside of the set of¬†standard¬†web-safe fonts. Safari automatically recognizes web pages that¬†use CSS web fonts to display a custom font, and downloads the appropriate font files as needed. By using CSS web fonts instead of images to display a custom font, you can create stunning text effects quickly and easily. Web pages that use web fonts instead of text images will download faster, and can be interpreted by screen readers without any additional coding effort.