Gradient Borders in CSS ※CSS-TRICKSがリニューアルされ、グラデーションが随所に使用されていますね。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 要素の周りにグラデーションのボーダーが必要な場合、どうしますか ...

CSS 「linear-gradient (-45deg)」で背景に斜めのグラデーションを指定し、キーフレームを使用してグラデーションをアニメーションさせます。シンプルなコードなので、汎用性にも優れていると思います。 写真やイラストを使って、グラデーションをオーバーレイさせてもいいですね。

このような事態を避けて色鮮やかなグラデーションを作成可能にするツール「CSS Gradient Generator」が公開されています。

CSSでグラデーションを表現する簡単な方法です。 自分でCSSを書くのも良いのですがオンラインに素敵なサービスがありますのでこちらを使うのがすごくオススメです。