勉強会でやって欲しい事をリクエストします。
①動画挿入用プラグイン「Viper’s Video Quicktags」を先ほどインストールしました。
簡単に出来て特に問題ないのですが、iphoneで見るとサムネイル画像が縦に伸びてしまっています。
クリックして別画面が開き動画を見る際には問題ありません。
②先週のcssアニメを自分なりにアレンジしてやってみました。それについての質問です。
こちらを見て下さい。
http://nobu-69.com/study/css_packman/css-packman.html
パックマンがパクパクやっているのは上手く出来ました。
「パックマンをパクパクさせながら画面の右から左に移動させる」
という所で、つまずいています。
勉強会用にzipファイルも用意しました。
http://nobu-69.com/study/css_packman/css-packman.html
以上
よろしくお願い致しまするん。
②について勉強会でやりました。ありがとうございました!
1 2 3 4 5 6 7 8 |
.pack { width:300px;/*幅の指定は大事です*/ animation:pack infinite linear 10s;/*10sは10秒で下記のキーフレームアニメーションを行うという意味*/ } @keyframes pack { 0% {transform:translate(130em,0);}/*キーフレーム0%の時パックは右画面の外・画面幅によって数値も違う!*/ 100% {transform:translate(-30em,0);}/*キーフレーム100%の時パックは左画面の外・画面幅によって数値も違う!*/ } |
こんな感じで実装できました。