このように、マストヘッド画像の下部に矢印を付ける方法を見つけようとしています。CSS3 で矢印を作成する方法についていくつかの方法を見てきましたが、ほとんどの場合、border プロパティを使用してそれを実現していることがわかりました。通常、次のようなものです。
#demo {
width: 100px;
height: 100px;
background-color: #ccc;
position: relative;
border: 4px solid #333;
}
#demo:after {
border-width: 9px;
border-left-color: #ccc;
top: 15px;
}
メインアート以外の画像なしで、そのようなマスク形状を作成する方法を見つけようとしています. 誰かがこれを達成しましたか?誰かに何かアイデアがあれば、それは大歓迎です。