CSS

linear-gradientでグラデーションを表現しよう

記事内に商品プロモーションを含む場合があります

CSS3になって、グラデーションをCSSで表現できるようになりました。これまでは単色だけの表現だったものがグラデーションが表現できるようになり、見栄えよく装飾することが可能です。

今回はlinear-gradientと言うプロパティを使用して、グラデシーションを表現する方法について解説していきます。

linear-gradientに使い方

ABOUT ME
ゆう
エンジニア歴7年。 大学卒業後、フィールドエンジニア職に就くが「手に職をつけたい」と思い、未経験からWEBデザイナーに転職。 その後、「WEB制作会社」「上場企業のECサイト運用」を経て、現在は「自社開発企業」のフロントエンドエンジニアとして仕事をしています。