ここから本文です

こちらのURLページで使用されているアニメーションはどのようにして作られたのでし...

cab********さん

2017/9/513:47:14

こちらのURLページで使用されているアニメーションはどのようにして作られたのでしょうか?

http://www.spiderman-movie.jp/sp/

こちらのURLの

・SNSアイコンの周りをグルグル回らせる表現
・画面下のボタン「HOME」「TRAILER」のすぐ上にあるゲージ

はどのようにして実装されているのでしょうか?
javascriptとも考えづらいのですが、言語などではなくアニメーションソフトで作られたgifなどを貼り付けているのでしょうか。
もしなんらかのソフトで作られている場合、その作成方法も教えて頂けますと幸いです。

ご存知の方、どうぞよろしくお願い致します。

閲覧数:
18
回答数:
1

違反報告

ベストアンサーに選ばれた回答

SHINEさん

2017/9/514:01:29

>> SNSアイコンの周りをグルグル回らせる表現

animation属性にspinを設定しています。
どうやらこの属性値を設定することで回るアニメーションを再現できるみたいです。


>> 画面下のボタン「HOME」「TRAILER」のすぐ上にあるゲージ

一定間隔でopacityの属性値を変更させています。
0から1へ
1から0へ
を繰り返しているようです。

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる