1つの要素と擬似要素でborderを使って、三角形のアウトラインを作り出すテクニック

CSSのborderをつかって、中身が無い繰り抜かれた状態の三角形を作り出すテクニック。2つの要素を重ねあわせて、重なる部分のborderだけを表示することで三角形を作り出す
CSSのborderをつかって、中身が無い繰り抜かれた状態の三角形を作り出すテクニック。2つの要素を重ねあわせて、重なる部分のborderだけを表示することで三角形を作り出す
CSSの擬似要素のborderを使って透明な背景が映し出される三角形を作り出すテクニック。応用することでいろいろな見せ方も可能になる