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元素的内容可以多行展示。