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

/* 文字上下滾動(dòng) */
.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;
}

以上代碼分別實(shí)現(xiàn)了文字上下滾動(dòng)和圖片輪播功能?？梢愿鶕?jù)自己的需要進(jìn)行修改和擴(kuò)展，應(yīng)用到自己的網(wǎng)站中。