CSS3で、背景にグラデーションを使いつつ背景画像を使うには - HYPER PORTFOLIOデザインもコーディングもプログラムもこなす、とあるWebデザイナーのポートフォリオサイトです。基本は自分自身のメモのために立ち上げたサイトです。何か情報に誤りがありましたら、コメントして頂けるか、お問い合わせからお知らせ頂けると幸いです。忘れそうなので、個人的なメモです。 改行の仕方などは、あくまでも個人的に見易さを重視しているだけなので、お好きなようにカスタマイズしてください。 ちなみに僕は、あらかじめグラデーションのテンプレートを作り、それをDWのスニペットに登録し、さらにショートカットキー登録でAlt + Shift + Ctrl + Gですぐに出せるようにしています。 上から下へのグラデーションを作りつつ、背景画像を使用 .hoge-box01 { background: url(../images/hogehoge.png) 0 0 no-repeat, -webkit-line
グラデーションのスウォッチをグリッド状に配置した背景を作成するチュートリアル
