CSS3 可以通過一些新的屬性和值來改變 HTML 內(nèi)容的樣式，使其達(dá)到更酷炫的效果。下面我們來介紹幾個常用的 CSS3 屬性。

/* 邊框變形 */
.box {
border: 10px solid black;
border-radius: 50%;
transform: rotate(45deg);
}
/* 文字漸變 */
h1 {
background-image: linear-gradient(to right, #f6d365 0%, #fda085 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* 多重陰影 */
.box {
box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5),
0px 0px 40px 20px rgba(0, 0, 0, 0.3), inset 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
}
/* 背景圖像變形 */
.box {
background-image: url('image.jpg');
background-size: cover;
filter: blur(5px) hue-rotate(180deg);
}

上述 CSS3 屬性分別用于邊框變形、文字漸變、多重陰影和背景圖像變形。使用這些屬性可以讓 HTML 內(nèi)容更加豐富多彩，也可以用于制作各種特效。