線形グラデーション linear-gradient関数 - CSS
グラデーションの表示をするにはlinear-gradient関数を使う。
cssアニメーションでグラデーションをしようとしていたときに見つけたこのサイトで知った
このlinear-gradientは線形グラデーションと呼ばれるらしい。他には円形グラデーション(radial-gradient)、反復線形グラデーション(repeating-linear-gradient)、反復円形グラデーション(repeating-linear-gradient)がある。
この関数の戻り値はimageとなっているため、imageを値として扱うプロパティにしか使えない。
cssに関数ってあるんだね...てっきりプロパティかと思ってた。たしかに、値のところに記述されてたからプロパティではないか...
liner-gradient(角度？, 開始色, 終了色)
例）背景をグラデーションにしてみる
body { background-image: linear-gradient(-90deg, #E9C886, #86E9B8); }
See the Pen グラデーション！！！ by tamago (@tamago324) on CodePen.
え、こんな簡単にグラデーションできちゃうの...すご...
こんなのあるんだー程度に覚えておこう！！
