デバイスに合わせてスタイルを変更するupdateメディアクエリ
@media (update: …)を使うことでユーザーの使用デバイスにあわせてアニメーションをリッチにしたり、止めたりできる。
スタイルを変更できるようになった。
@media (update: fast) {
p {
animation: 1s jiggle linear alternate infinite;
}
}
updateが受け取れるキーワード
@media (update: one)
: 紙に印刷する文章などいったん表示されたらレイアウトは更新されない用@media (update: slow)
: 電子書籍リーダーなどアニメーションを円滑に表示できない端末用@media (update: fast)
: アニメーションが利用できる端末用