ヘッダー

CSS

CSS疑似要素 :before, :after で作る見出しデザイン ギザギザ

ストライプの背景を作る時は、線グラデーション linear-gradient をX方向・Y方向に繰り返す repeating-linear-gradient を使った。 見出しの下につけるギザギザを作る時は、線グラデーション linear-gradient で作った2つの背景を重ねてX方向にだけ繰り返す。
CSS

CSS疑似要素 :before, :after で作る見出しデザイン カフェのテント風 もくもく

疑似要素を使って見出しにカフェのテント風の飾りをつける。(ヘッダーでも使える。) 30pxの正円の画像を作って、15pxの高さの疑似要素tent1の背景にして使って、くっつけてる。
タイトルとURLをコピーしました