Dev log-9,CSSアニメーション#2

3403 ワード

学習の内容


アニメーションパッケージファイル

  • 他の人がCSSで作成したパッケージ、CSSライブラリ
  • を使用しています.
  • animate.利用可能なサイト(styleなど)
  • は、予め作成されたCSSファイルのclassを用いて、HTMLドキュメントに入力することによりCSSを適用する.
  • HTMLドキュメント
    <head>
    	<meta charset="utf-8">
    	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    </head>
    
    <body>
    	<div class="animate__animated animate__bounce animate__slow color-red">Example</div>
    </body>

  • animate.スタイルCSSリンク
    "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css "


  • codepen.ioのようなサイトでは、作成およびアップロードされたCSSドキュメントを表示できます.

  • 学習中の難点や未解決の問題

  • なし

    解決策

  • なし

    学習の心得.

  • 今日は内容の多い昨日とは違って、少しずつ休みになる学習段階です.私がやりたいことは、以前人々が作成したCSSライブラリで解決できると思います.しかし、基礎知識をしっかり勉強して、使う上でも役に立つので、もっと勉強しなければなりません.