楽しいだけで十分です

HTMLとCSS3でつくるお天気パネルのメモ

CODEPREP | HTMLとCSS3でつくるお天気パネルのメモです。


天気アイコンを作る

  • Weather Iconsを使う

    • Font Awesomeにインスパイアされて作成された、天気専門のアイコンフォント

Flexアイテムの幅を調整する

背景をグラデーションにする

  • 背景に線形グラデーションを指定するにはlinear-gradient関数を使う
  • 書式は、 linear-gradient(グラデーションの方向, 最初の色, 最後の色)

    • グラデーションの方向は、toキーワードに続けてグラデーションの終点を指定する (e.g. 左から右なら、 to right)
yinm

WRITTEN BY yinm

I'm a Frontend Engineer.