在CSS中，有一種特殊的效果叫做斜杠劃掉。這種效果可以讓文字或圖形被一條斜杠劃掉，看起來就像被刪除一樣。

要實現斜杠劃掉效果，需要使用CSS屬性text-decoration，其中屬性值為line-through。代碼如下：

.deleted {
text-decoration: line-through;
}

使用上述代碼后，HTML中加入class為deleted的元素就會顯示斜杠劃掉效果。

但有時候我們可能需要修改劃掉的方向或增加一些個性化的效果，這時候可以通過transform屬性來實現。下面是一些常見的示例代碼：

/* 水平劃掉 */
.deleted {
text-decoration: none;
position: relative;
&:before {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 1px;
width: 100%;
background-color: #000;
transform: translateY(-50%);
}
}
/* 45度角劃掉 */
.deleted {
text-decoration: none;
position: relative;
&:before {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 1px;
width: 100%;
background-color: #000;
transform: rotate(-45deg) translateY(-50%);
}
}
/* 加粗斜杠 */
.deleted {
text-decoration: none;
position: relative;
&:before {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 3px;
width: 100%;
background-color: #000;
transform: rotate(-45deg) translateY(-50%);
box-shadow: 0 0 0 1px #fff;
}
}

以上代碼可以實現水平劃掉、45度角劃掉和加粗斜杠三種效果。

斜杠劃掉效果在UI設計中經常被用來表示刪除或無效的元素，同時也可以用來裝飾一些元素。