投稿数 585
公開から 2940

CSSでbackgrondにグラデーションをかける方法


Categories: basic-css css

linear-gradient

一つの線上(開始位置と終了位置の方向が一方)にグラデーションをかけていきます。

書式

linear-gradient(グラデーションの角度または方向, 開始色, 途中色, 終了色);

ほぉー途中色もあるんだねー。。

方向とかはどうやって表すの?

基本的にdegですが、to left topとかでも大丈夫です! 例) linear-gradient(to left top, blue, red);

参考

https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient