CSS3是一種強大的樣式語言，可以用于美化HTML頁面，它的新特性使得網頁設計更加美觀、靈活、響應式和互動性較強。下面介紹一些免費的CSS3實例，可以幫助你快速掌握CSS3的應用：

1. Hover Shine效果
/* HTML */
Button
/* CSS */
.button {
color: #fff;
font-size: 20px;
padding: 10px 20px;
border: none;
background-color: #333;
position: relative;
display: inline-block;
}
.button:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0;
transition-duration: 0.3s;
transition-property: opacity;
}
.button:hover:before {
opacity: 0.2;
}

2. 動態背景效果
/* HTML */
/* CSS */
.bg-effect {
background: linear-gradient(to right, #e66465, #9198e5);
animation: animateGradient 10s linear infinite;
}
@keyframes animateGradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

3. 漸變文字效果
/* HTML */
Gradient Text Effect
/* CSS */
.gradient-text {
background-image: linear-gradient(to right, #f1c40f, #e74c3c, #9b59b6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

以上示例只是CSS3的冰山一角，深入學習CSS3用法可以給你的網站帶來更好的用戶體驗，也滿足不同的設計需求。