CSS のグラデーションは background: linear-gradient() で描きます。しかし、linear-gradient はアニメーションに対応してないので、つまらない！そこで、無理やりアニメーションさせる方法を研究した作品 "Sapphire" の紹介です。 残念ながら、これは動きません。

CSSで背景に色やグラデーションをつけよう！ backgroundプロパティの使い方と便利なグラデーション指定も解説 Webサイトの背景をカラフルにしたいとき、CSSのbackgroundプロパティを使えば簡単に色やグラデーションを設定できます。 今回は、初心者の方でも ...

CSS Gradient Generatorで作成したグラデーションはCSSのlinear-gradient関数としてコピー＆ペースト可能なので、そのままウェブデザインとしても利用可能です。

Major browsers support CSS3 gradients (including Internet Explorer 10), but with different rendering engines, it's still good to have fallbacks. Designing the presentation layer of an HTML5 ...

A modern, interactive CSS gradient generator built with HTML, Tailwind CSS, and JavaScript. Create beautiful linear and radial gradients with real-time preview and instant CSS code generation.

background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */ background ...