画像に斜線を被せて表示したいケースがあったので備忘録。
backgroundを透過を組み合わせてlinear-gradientで表現することで斜線にする。
![](http://160.251.74.83/wp-content/uploads/2021/11/diagonalLine.jpg)
.diagonalLine::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to right top, transparent 48%, #f33 48%, #f33 52%, transparent 52%)
}
コメント