CSS實現跨年效果的方法非常簡單，只需要利用CSS的動畫和過渡效果就能輕松地實現。下面就是一個實現跨年效果的CSS代碼展示：

/* 設置頁面元素的初始狀態 */
body {
background-color: #000;
color: #fff;
text-align: center;
font-size: 5em;
}
/* 設置頁面元素的過渡效果 */
body {
transition: background-color 1s ease-in-out, color 1s ease-in-out;
}
/* 實現定時切換背景色和文字顏色的動畫效果 */
@keyframes new-year {
0% {
background-color: #000;
color: #fff;
}
50% {
background-color: #fff;
color: #000;
}
100% {
background-color: #000;
color: #fff;
}
}
/* 將動畫效果應用于頁面元素 */
body:before {
content: '2022';
display: block;
animation: new-year 5s linear infinite;
}

以上代碼中，我們首先通過CSS設置了頁面元素的初始狀態和過渡效果，然后利用CSS動畫的關鍵幀規則定義了一個名為"new-year"的動畫效果，最后通過將動畫應用于頁面的:before偽元素實現了定時切換背景色和文字顏色的動畫效果，從而實現了一個簡單的跨年效果。