CSS3無縫滾動效果是一種非常流行的動態網頁設計技術，可以讓用戶在網頁上體驗到生動的視覺效果和華麗的動畫效果。在CSS3中，我們可以通過使用一些簡單的代碼實現無縫滾動效果。

.marquee {
width: 100%;
white-space: nowrap;
overflow: hidden;
position: relative;
}
.marquee span {
position: absolute;
width: 100%;
height: 100%;
display: inline-block;
animation: marquee 20s linear infinite;
}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}

上述代碼中，我們首先定義了一個父元素.marquee，將其設置為占滿整個容器，并且使用了white-space和overflow屬性使得文本在容器內不會自動換行和溢出。我們還為它添加了相對定位position:relative，這樣我們的子元素才能使用絕對定位。

接著我們定義子元素.span，這個元素被絕對定位，所以它將不會影響其它文檔流中的元素。我們還將它寬度設置為100%以覆蓋整個.marquee容器。我們使用display:inline-block將文本內聯顯示。我們還應用了一個名為marquee的動畫，在20秒內線性移動該元素的transform屬性，在無限次重復中使用。

最后，我們定義了一個動畫鍵值marquee。這個動畫將元素由初始位置移動到末尾位置，然后在無限次循環中重復該過程。這個動畫是通過CSS3的animation屬性設置的。

使用這些代碼，我們可以輕松創建一個縱向或橫向的滾動文本，它能夠讓你的網站更加生動、更具視覺沖擊力。