CSS3技術提供了多種方式來加載和展示數據。以下是幾種常見的方法：

/* 使用偽元素（:before和:after）加載字符圖標 */
.icon:before {
content: "\1F4E7";
font-family: "FontAwesome";
font-size: 20px;
}
.icon:after {
content: "Loading...";
font-size: 16px;
}
/* 使用loading動畫 */
.loader {
border-top: 4px solid #3498db;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid transparent;
border-radius: 50%;
width: 20px;
height: 20px;
animation: loader 0.8s linear infinite;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* 使用漸變動畫 */
.gradient-loader {
width: 100%;
height: 4px;
background: linear-gradient(to right, #3498db, #2ecc71, #1abc9c);
animation: gradient 1.5s ease-in-out infinite;
}
@keyframes gradient {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 0;
}
}

除了上面的這些方法，CSS3還提供了很多其他的動畫效果和過渡效果，可以根據需求選擇適合的方式來加載和展示數據。