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

CSSだけで簡単に実装可能なグラデーション背景の作成方法

線形のグラデーションの場合

background: linear-gradient(色の指定);
例：background: linear-gradient( #336600, #54A800);

円形のグラデーションの場合

background: radial-gradient(色の指定);
例：background:radial-gradient(#336600, #54A800);

衣川知秀

経歴： 3DCG制作の専門学校を卒業後、デザイン会社に就職。デザイン会社では主にWEB制作を担当し、旅館の予約システムや商店街にWEBカメラを設置したプロモーション等を展開し、4年後に転職。 株式会社TREVOでデザイン、コーディング、ディレクション、システム開発を担当