CSSのグラデーション指定、どうしてますか? Photoshopなどでオブジェクトのグラデーションが指定してあったら CSSをコピー という機能でそのままCSSが生成できたり、 Ultimate CSS Gradient Generator みたいなサイトでCSSを生成させてそれを貼り付けたりする方法もありますが、できれば理屈や理論をある程度理解したうえで使いこなしてみたいものです。 意外と知らないことが多かったり、「なんとなく思った通りになった」程度で止まっている人も少なくはないのではないかと思いますので、おさらいも兼ねて見てみましょう。 1. gradient指定の理屈を知ろう 1: gradient指定には以下の4種類があります。 線形グラデーション linear-gradient() 円形グラデーション radial-gradient() 反復線形グラデーション repeating