CSS偽元素是CSS的一種強大的功能，它可以讓你在元素所包含的內容之前或之后添加一個虛擬的元素，可以應用于任何CSS選擇器。這些虛擬的元素是不影響DOM結構，也不會被JS獲取到的。其中，CSS偽元素之一的after元素可以在元素的內容的后面插入一個虛擬的元素。

代碼如下：

p:after {
content: "后面插入的內容";
}

after元素的內容可以是文本、圖片、甚至是字體圖標，甚至可以應用動畫效果。

下面是一個例子，點擊按鈕時，文字會閃爍：

button::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
animation: blink 1s linear infinite;
opacity: 0.5;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}

通過上述代碼，我們可以讓按鈕的后面插入一個虛擬的元素，這個元素通過動畫效果不斷地閃爍，從而為按鈕添加了一些動態的裝飾，從而更加吸引人眼球。

需要注意的是，CSS偽元素的before和after元素只有使用content屬性才能正常顯示，其它屬性都無效。同時，元素的內容是以行內元素的形式展現，如果需要換行，需要使用content屬性的轉義字符。例如：

p:after {
content: "這是第一行。\A這是第二行。";
}

上述代碼使用\A來表示換行，從而讓after元素的內容可以多行展示。