CSSアニメーション例
右から颯爽と登場
※この画像はマッハドッターbraveさんの作品です。
CSSアニメーション例
アニメーション概要
右から一直線に向かってくるアニメーションです。
使っているプロパティはleftのみのシンプルな挙動です。
画像のidはngです。
CSS
@keyframes coming {
0% {
left: 1500px;
}
70% {
left: 0px;
}
}
#ng {
animation-name: coming;
animation-duration: 1.2s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
HTML/CSS一覧
カテゴリー
言語
ウェブデザイン
ライフスタイル
その他
固有名詞/専門用語 日英辞書
化学、会計、観光、アニメ、漫画などの分野の用語を収録。
Niugnepについて
Niugnepは翻訳会社のオフィスペンギンが運営する、わかりやすい解説をモットーにした教養メディアです。Niugnepというサイト名は、Penguinが逆立ちしていることに由来します。