今天小編為大家推薦幾個熱門的CSS代碼，這些代碼都是網(wǎng)站設(shè)計中常用的，希望對大家有所幫助。

/* 文字上下滾動 */
.marquee {
height: 50px;
overflow: hidden;
position: relative;
}
.marquee p {
display: inline-block;
position: absolute;
top: 0;
left: 100%;
white-space: nowrap;
animation: marquee 10s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
/* 圖片輪播 */
.carousel {
position: relative;
overflow: hidden;
}
.carousel img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity .5s;
}
.carousel img.active {
opacity: 1;
}

以上代碼分別實現(xiàn)了文字上下滾動和圖片輪播功能。可以根據(jù)自己的需要進行修改和擴展，應(yīng)用到自己的網(wǎng)站中。