CSS3是在CSS2基礎上新增了很多非常實用的屬性，讓我們的網頁設計更具創意和個性化，下面將介紹一些在面試中經常被問到的CSS3新增的屬性。

/* 1. border-radius: 圓角邊框 */
div {
border-radius: 10px; /* 給div元素設置一個10px的圓角 */
}
/* 2. box-shadow: 盒子陰影 */
div {
box-shadow: 2px 2px 2px 2px #888888; /* 在div元素周圍添加一個陰影，陰影的顏色為#888888，陰影的偏移量分別為2px 2px，陰影半徑為2px */
}
/* 3. text-shadow: 文本陰影 */
h1 {
text-shadow: 2px 2px 2px #888888; /* 在h1標簽的文本周圍添加一個陰影，陰影的顏色為#888888，陰影的偏移量分別為2px 2px，陰影半徑為2px */
}
/* 4. opacity: 透明度 */
div {
opacity: 0.5; /* 將div元素的透明度設置為50% */
}
/* 5. transition: 過渡效果 */
button {
transition: all 1s ease; /* 當鼠標放在button標簽上時，讓button標簽的所有屬性在1秒內過渡完成，并且過渡效果為ease */
}
/* 6. transform: 變形 */
div {
transform: rotate(45deg); /* 將div元素旋轉45度 */
}
/* 7. @keyframes: 關鍵幀動畫 */
@keyframes my-animation {
from {
transform: translateX(0px);
}
to {
transform: translateX(100px);
}
}
div {
animation: my-animation 1s infinite alternate; /* 讓div元素執行my-animation動畫，動畫時間為1秒，動畫次數為無限次，動畫來回交替執行 */
}

這些屬性都是CSS3新增的，不僅使我們的網頁設計更具有吸引力和個性化，同時也是面試中常被考察的知識點，希望大家都能熟練掌握，并靈活運用在項目中。