CSS3 を使用してこのリボンを実現したいと思います。
CSS 3 で「歪んだ」長方形を作成する方法はありますか、それとも三角形を作成する必要がありますか? 私はCSS3にかなり慣れていません。このリボンを実現する最も簡単な方法は何ですか?
CSS3 を使用してこのリボンを実現したいと思います。
CSS 3 で「歪んだ」長方形を作成する方法はありますか、それとも三角形を作成する必要がありますか? 私はCSS3にかなり慣れていません。このリボンを実現する最も簡単な方法は何ですか?
私はこのツールで運が良かった: http://cssarrowplease.com/
あなたの場合、 と:before
の両方があり、:after
矢印の構成が異なります。
最後に、尖った矢印を取得するには、4 の片側に境界線を使用することに注意してください。ただし、対角線を取得するには、隣接する 2 つの側に境界線を使用し、反対側には境界線を使用しないだけです。
幸運を!