2020年06月12日

CSSで背景にグラデーションを実装する方法

お世話になっております。SeekNextの佐藤です。
今回はCSSでグラデーションの実装方法について書いていこうと思います。

backgroundを使用してグラデーションを実装する

結論から書くとグラデーションを実装するためには「BACKGROUND」を使用します。

背景は縦方向だけでなく、角度を調整することも可能です。

右から左にグラデーション

円形グラデーション

円形のグラデーションを実装するには radial-gradient を使用します。

色々と試してみて自分にあう背景をCSSで実装してみてください!