1. 引入CSS的@media print语句，防止在打印模式下查看网页时看到效果。
“`css
@media print {
body {
display: none;
2. 定义一个width和height的值，用于设置背景图像的宽度和高度。
“`css
body {
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
3. 定义一个CSS类，用于设置抖动效果。
“`css
.抖动 {
position: relative;
width: 100%;
height: 100%;
.抖动：before,
.抖动：after {
content: “”;
position: absolute;
left: 50%;
width: 0;
height: 0;
border-left: 50% width;
border-right: 50% width;
transform: translateX(-50%);
.抖动：before {
top: -40px;
right: 0;
background-color: #f2f2f2;
.抖动：after {
top: 0;
right: 40px;
background-color: #fff;
以上代码实现了一个简单的抖动效果，其中body元素的背景图片被设置为抖动背景.png，背景图片的宽度和高度均为100%，通过CSS类设置其位置和样式。两个：before和：after元素都被设置为绝对定位，并且宽度和高度均为0，从而占据body元素的背景空间，实现抖动的效果。
通过以上简单的纯CSS实现方法，大家可以轻松地实现各种不同类型的抖动效果，而无需使用JavaScript或其他技术。