おためし受講中

CSS実践 animationを極める

animationを理解する

CSS実践 レイアウト・アニメーションを極める (全5回)最終回です。
css3の登場で快適に動くanimationプロパティがいくつも登場しました。マウスオーバーの概念の無いスマホサイトでは、アイコンやボタンなどが動いていると注意を引きつける事ができます。モバイルフレンドリーなサイトを魅力的にするanimation手法をこの授業でマスターしましょう。

学生代表

  • 廣松 あすか

    廣松 あすか

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    01:22  (00:12 ~ )
    animationの指定の仕方
    06:12  (01:34 ~ )
    ふわっとさりげなくがポイントのanimationを書いていこう
    02:13  (07:46 ~ )
    animation1を書いていこう
    05:15  (09:59 ~ )
    animation2を書いていこう
    02:32  (15:14 ~ )
    animation1を調整していこう
    03:38  (17:46 ~ )
    animation1の位置を調整しよう
    03:59  (21:24 ~ )
    hoverを書いていこう
    06:38  (25:23 ~ )
    bodyの色を指定しよう
    05:55  (32:01 ~ )
    animation6を書いていこう
    06:08  (37:56 ~ )
    まとめ
    00:44  (44:04 ~ )
    【後半】質疑応答
    Q:カラーピッカーの出し方のおさらい
    02:42  (45:24 ~ )
    Q:durationはs(秒)単位のようですが、ms(ミリ秒)単位の設定は出来ますか?
    00:27  (48:06 ~ )
    Q:画面スクロールして表示された時にアニメを開始ってのはjsとかjqueryじゃないと難しいですか?
    01:06  (48:33 ~ )
    Q:anime3はどうしてループするのですか?
    01:11  (49:39 ~ )
    Q:消えそうで消えない文字は、色を変えたりもできますか?
    03:25  (50:50 ~ )
    Q:サブライムエディター+プラグインのようなもので、windowsでのオススメの制作環境、ツールの組み合わせなどありますか?
    01:42  (54:15 ~ )
    Q:animationなどの、CSS3は主要なスマホなら、ペンダープレフィックスをつければほぼ問題なく使える状態になっていますか?
    01:53  (55:57 ~ )
    Q:ドリームウィーバーでもエメット使えますか?
      (57:50 ~ )