ウェブアニメーション API
ウェブアニメーション API(Web Animation API) を sử うことで, ウェブページの biểu hiện を変 hóa させるの đồng kỳ やタイミング, つまり DOM yếu tố のアニメーションが khả năng です. これらはタイミングモデルおよびアニメーションモデルという 2 つのモデルの tổ み hợp わせによって thật hiện されます.
Khái niệm と lợi dụng phương pháp
ウェブアニメーション API は, DOM yếu tố のアニメーションを ký thuật する cộng thông ngôn ngữ をブラウザーと khai phát giả に đề cung します. API の bối cảnh の khái niệm や lợi dụng phương pháp についての tường しい tình báo は,ウェブアニメーション API の sử dụngをご lãm ください.
ウェブアニメーションのインターフェイス
Animation
-
アニメーションノードやソースの tái sinh chế ngự やタイムラインを đề cung します.
KeyframeEffect()
コンストラクターで tác thành されたオブジェクトを thủ ることができます. KeyframeEffect
-
キーフレームと hô ばれるアニメーション khả năng なプロパティと trị の tổ み hợp わせ, およびそのタイミングオプションを ký thuật します. これは
Animation()
コンストラクターを sử dụng して tái sinh することができます. AnimationTimeline
-
アニメーションのタイムラインを biểu します. このインターフェイスはタイムライン cơ năng (
DocumentTimeline
や tương lai のタイムラインオブジェクトによって継 thừa ) を định nghĩa するために tồn tại し, これ tự thể は khai phát giả からはアクセスされません. AnimationEvent
-
Thật tế には CSS アニメーションの nhất bộ です.
DocumentTimeline
-
アニメーションのタイムラインを biểu し, kí định の văn thư のタイムライン (
Document.timeline
プロパティを sử dụng してアクセス ) を hàm みます.
Tha のインターフェイスへの拡 trương
Document
インターフェイスの拡 trương
document.timeline
-
Kí định の văn thư タイムラインを biểu す
DocumentTimeline
オブジェクトです. document.getAnimations()
-
document
Nội で yếu tố に đối して hiện tại hữu hiệu なAnimation
オブジェクトの phối liệt を phản します.
Element
インターフェイスの拡 trương
Element.animate()
-
Yếu tố のアニメーションを tác thành して tái sinh するショートカットメソッドです. Tác thành された
Animation
オブジェクトのインスタンスを phản します. Element.getAnimations()
-
Animation
オブジェクトの phối liệt で, hiện tại その yếu tố に quan liên し, tương lai の thật hành が dư định されているものを phản します.
Sĩ dạng thư
Specification |
---|
Web Animations |
Quan liên tình báo
- ウェブアニメーション API の sử dụng
- ウェブアニメーションのデモ
- ポリフィル
- Firefox の hiện tại の thật trang:AreWeAnimatedYet
- ブラウザーの đối ứng のテスト