CSSだけで添付画像のようなものを作りたいと思っています。今まで私は思いついた:
.block5-header:after {
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
background: url({template_relativeimagepath}{template_imagesfolder}blocks/elipsa.png) no-repeat;
background-size: contain;
}
しかし、このソリューションでは、さまざまなサイズのヘッダー ブロックがあるため、さまざまな png 画像を使用する必要があります。放射状グラデーションで疑似要素を使用しようとしましたが、役に立ちませんでした。もっと簡単な解決策があれば教えてください;)
私が達成したいことの写真。http://i.imgur.com/pwN54o1.png