アニメーション

HTML&CSS

【CSS】 opacityやrgba 使い方、子要素への影響、transition、transform、アニメーションでの利用なども解説|HTML&CSS入門講座(23)

opacityとは?、rgbaとは?、opacityやrgbaの違いは何があるの?、opacityを使った文字や画像と背景色の変化はどうなるの?、rgbaを使った文字と背景色の変化はどうなるの?、hoverを使ったopacityやrgbaの例とはどのようなもの?、hover時にtransitionを使って変化を調節、hover時にtransitionとtransformを使って回転や拡大の変化、アニメーション(@keyframes)でtransform、opacityを利用とはどのよなもの?などについて解説した記事です。
HTML&CSS

【CSS】グラデーションの背景、文字、ボタン、animation、ジェネレイターなども解説||HTML&CSS入門講座(21)

CSSのグラデーションとは?、CSSグラデーションの書き方はどうすればよいの?、上下、左右の線形グラデーション、斜めのグラデーション、角度を付けたグラデーション、グラデーションの位置を変える、多色のグラデーション、放射グラデ―ション(円形グラデーション)、文字をグラデーションしてみましょ!、ボタンのグラデーションを作成してみよう!、画像にグラデーションを重ねるにはどうすればよいの?、グラデーションのアニメーションはどうするの?グラデーションのanimation、ジェネレイターのサイトはどこのあるの?などについて解説した記事です。
HTML&CSS

Font Awesomeの基本の使い方、初心者でも使える!簡単Webアイコン入門|HTML&CSS入門講座(12)

Font Awesomeとはどのようなもの?、Font Awesomeの準備はどうするの?、Font Awesomeのアカウントの取得、Font Awesomeの使い方はどうするの?、HTMLのheadタグ内に「Kit Code」の貼り込み、使うアイコンを探してコピー、サイズ変更、色の変更、アイコンと文字の間に幅を作る、線で囲む、角度の変更、反転、アイコンにアイコンを重ねる、回転するアニメーションを付ける、Font AwesomeをCSSに書くにはどうするの?、もっと色んなアニメーションを付けたい場合はどうするの?などについて解説した記事です。
Google

Googleスライド の使い方、パワーポイントとの違い、アニメーション、縦書き、共有、pdf、保存、背景、テンプレートなども解説

Googleスライドとは波動のようなアプリ?、GoogleスライドとMicrosoftパワーポイントとの違いは何?、Googleスライドのダウンロード、インストール及び起動方法はどうするの?、Googleスライドの使い方はどうするの?、テンプレート(Microsoft Power Point用)を利用する方法、基本操作、スライドのタイトルの記入、このプレゼンテーションの全体像の内容の記入、あいさつ分の作成、「南大東島はどこにあるの?」のスライド作成、スライド5~スライド10まで作成、最後のスライドの作成、アニメーション、背景、縦書き、pdf、保存、Googleスライドの評判・評価はどうなの?などについて解説した記事です。