CSS3是一種重要的樣式語言，它可以讓我們實現各種效果。其中，線性動畫是CSS3的一種常見效果，在網頁設計中被廣泛應用。

/* CSS3線性動畫代碼 */
.line-animation {
width: 300px;
height: 5px;
background-color: gray;
position: relative;
}
.line-animation:before {
content: '';
width: 10px;
height: 10px;
background-color: green;
position: absolute;
top: -3px;
left: 0;
animation: line-animation 2s linear infinite; /* 動畫名稱、時長、運動曲線、重復次數 */
}
@keyframes line-animation {
from {
left: 0;
}
to {
left: 100%;
}
}

以上就是一個簡單的CSS3線性動畫代碼。其中，我們使用偽元素before來創建一個小圓點，將其放置在目標元素上方并進行動畫展示。在動畫的keyframes中，我們通過設置left值的變化，讓圓點在目標元素中沿水平方向運動。

需要注意的是，動畫的時長和運動曲線等可以根據實際需求調整。除了線性動畫，CSS3還支持其他類型的動畫效果，如貝塞爾曲線動畫、緩入緩出動畫等，可以讓網頁設計更具有吸引力和交互性。