2017年1月12日CSSでグラデーションやストライプなどの特殊な背景を設定する時に便利なジェネレーターをまとめて紹介します。各ブラウザに対応したCSSをコピペで簡単に設置できてしまうので、かなり重宝しています。height=”600′′]CSSでグラデーションを作りたい時にはいつもお世話になっているサイトです。昔はグラデーション表現するのに画像をいちいち作っていましたが、CSSで作れば色の変更も簡単で管理も楽なので本当に助かってます。height=”600′′]基本的な縦横の縞模様やチェック柄のCSSを始めとしたパターンが紹介されています。height=”600′′]他ではなかなか見られないCSSパターンが紹介されていて、サイトに訪れるだけでも面白いサイトです。使いたいパターンをクリックすればCSSが表示されます。height=”600′′]ジェネレーターではないですが、最近良く使ってるドットを表現するCSSです。画像や動画の上に文字を乗せたい時にそのままだと見づらいので、オーバーレイでこういったCSSや重ねる用の画像を使っています。URL:https://codepen.io/aleprieto/pen/nAmIyまとめCSSジェネレーターは他にもありますが、個人的にここで紹介したものが使いやすいかなと思っています。他に優れたジェネレーターなどありましたらぜひ教えていただけたら幸いです。1Webデザイナーぎしたかフリーランス(歴3年)|フロントエンジニア・Webデザイナー|仕事:Web制作|2019年の目標→エンジニア転向|Webサイトを作ったり記事を書いています。今も紙の本が好きです。