CSS起伏代碼指的是使用CSS實現網頁中圖像或者文字的起伏現象，其效果相比于靜態的網頁元素更加生動有趣。CSS起伏代碼的實現方法包括利用媒體查詢、使用動畫屬性以及通過JavaScript控制等多種手段。

// 通過媒體查詢實現文字起伏
@media screen and (min-width: 768px) {
h1 {
font-size: 4rem;
transform: translateY(-0.5rem);
}
}
// 使用動畫屬性實現圖片起伏
img {
animation-name: bounce;
animation-duration: 1s;
animation-delay: 0.2s;
animation-direction: alternate;
animation-iteration-count: infinite;
}
@keyframes bounce {
from {
transform: translateY(-15px);
}
to {
transform: translateY(15px);
}
}
// 通過JavaScript控制實現背景起伏
var bgHeight = 100;
setInterval(function() {
document.body.style.backgroundPositionY = bgHeight + "px";
bgHeight += 1;
}, 50);

除了以上提到的方法外，利用CSS3的3D屬性也可以實現更加多樣化的起伏效果。但是需要注意的是，過度使用起伏效果會降低用戶體驗，因此在制作網頁時應當謹慎使用。