1

CSS3 を使用してこのリボンを実現したいと思います。

ここに画像の説明を入力

CSS 3 で「歪んだ」長方形を作成する方法はありますか、それとも三角形を作成する必要がありますか? 私はCSS3にかなり慣れていません。このリボンを実現する最も簡単な方法は何ですか?

4

1 に答える 1

2

私はこのツールで運が良かった: http://cssarrowplease.com/

あなたの場合、 と:beforeの両方があり、:after矢印の構成が異なります。

最後に、尖った矢印を取得するには、4 の片側に境界線を使用することに注意してください。ただし、対角線を取得するには、隣接する 2 つの側に境界線を使用し、反対側には境界線を使用しないだけです。

幸運を!

于 2013-11-14T18:23:11.457 に答える