【css】backgroundのlinear-gradientで使った斜めの線ががギザギザになる件

cssのグラデーションを作るbackground:linear-gradient()で作成した三角形の斜めの部分がギザギザのジャギったので備忘録

calc()を使ってジャギを回避

calc(50% + 1px)を使って1px分のぼかしを使ってジャギを隠す

background:linear-gradient(to bottom right, transparent 50%, #000 calc(50% + 1px)) no-repeat top left/100% 100%;

calc(50% + 1px)の部分を小数点50.5%っていう感じにすることで直すこともできるけどスマホの方でうまくジャギが治らなかったのでcalcのほうを使った