CSSでグラデーションと背景画像を重ねる

Yukimi Sato 2,994views 更新:2015年3月2日

参考:美しいグラデーションをCSSで実装!配色に使える便利ツールや実例も!

background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)),url(images/bg-cherrybrossam.jpg);

ポイント

グラデーションの色をアルファ0.8に指定する

これで不透明度を下げます。

グラデーションの指定の後に「,(カンマ)」で続けて画像を指定する

カンマを入れれば続けて指定をすることができます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません