Safariは、Webの可能性を拡げる最も革新的なWebテクノロジーを継続的に実装しています。CSSアニメーション、CSSエフェクト、CSS WebフォントをサポートするSafariを使って、次世代型のリッチでインタラクティブなWebアプリケーションを開発することができます。
-
CSSアニメーション
Safariは、CSSトランジッションとアニメーションをサポートする最初のブラウザです。これらの技術を用いて、多くのCSSやSVCプロパティ（height、width、opacity、visibilityといった基本的なプロパティから、z-indexやword-spacingのような詳細なプロパティまで）を設定し、プログラム的に変化をアニメーション化することができます。WebKitエンジンがこれらのアニメーションのレンダリングを処理するので、CSSアニメーションのパフォーマンスは従来のJavaScriptアニメーションテクニックとは比べものになりません。このオープンWeb標準を使えば、わずか数行のCSSを追加するだけで、パフォーマンスに優れた最先端のインターフェイスを簡単に作成することができます。
-
CSSアニメーションの実行例を見る
CSSエフェクト
Safariの最新のCSSエフェクトを使えば、Webページのどんな要素でも、人目をひくようなグラディエント、正確なマスク、見事なリフレクションなどで修飾表示することができます。それにはちょっとしたわずか数行のコードを書き足して、Webサイトに洗練されたレイヤーを追加するだけです。
-
CSS Webフォントの実例を見る
-
CSS Webフォント
CSS Webフォントがあれば、標準ベースのテクノロジーを使いながら、標準のWebセーフフォント以外のフォントを表示することができます。Safariは、自動的にWebページがカスタムフォント表示にCSS ウェブフォントを使っているかどうかを判断し、必要なフォントファイルをダウンロードしてきます。カスタムフォントを表示するのに、画像の代わりにCSS Webフォントを使うことによって、画像ベースの手法よりも素早く、優れたテキストエフェクトを作成できます。また、テキスト画像ではなくWebフォントを使用するWebページは、より高速にダウンロード可能となり、少しのコードも追加せずにスクリーンリーダ（画面読み上げソフト）で解釈できるようになります。
