CSS3是CSS的第三個版本，是一種用于描述網頁內容樣式的語言。它引入了很多新特性，如圓角、陰影、漸變、變換、過渡、動畫、自適應布局等，以下是CSS3的一些新特性及介紹和如何使用：

Border-radius（圓角）：使用border-radius屬性可以實現元素的圓角效果。使用示例：

border-radius: 10px;

1. Box-shadow（陰影）：使用box-shadow屬性可以在元素周圍添加陰影效果。使用示例：

box-shadow: 10px 10px 5px grey;

Text-shadow（文字陰影）：使用text-shadow屬性可以在文字周圍添加陰影效果。使用示例：

text-shadow: 2px 2px 2px grey;

Gradient（漸變）：使用linear-gradient或radial-gradient可以實現漸變效果。使用示例：

background: linear-gradient(to bottom, #000000, #ffffff);

Transform（變換）：使用transform屬性可以實現元素的旋轉、縮放、位移等變換效果。使用示例：

transform: rotate(45deg);

Transition（過渡）：使用transition屬性可以實現元素的過渡效果。使用示例：

transition: background-color 1s ease;

Animation（動畫）：使用animation屬性可以實現元素的動畫效果。使用示例：

animation: myanimation 2s ease infinite;

Flexbox布局：使用flexbox布局可以更方便地實現自適應布局。使用示例：

display: flex;

Grid布局：使用grid布局可以實現更復雜的自適應布局。使用示例：

display: grid;

@media查詢：使用@media查詢可以根據設備的大小、尺寸和方向來應用不同的樣式。使用示例：

@media screen and (max-width: 768px) {
  /* 樣式 */}

Calc（計算）：使用calc函數可以在CSS中進行簡單的數學計算。使用示例：

width: calc(100% - 20px);

1. Box-sizing：使用box-sizing屬性可以更好地控制元素的盒子模型。使用示例：

box-sizing: border-box;

Object-fit：使用object-fit屬性可以更好地控制圖片的尺寸和位置。使用示例：

object-fit: cover;

Filter（濾鏡）：使用filter屬性可以為元素添加濾鏡效果。使用示例：

filter: blur(5px);

Perspective（透視）：使用perspective屬性可以為元素添加3D效果。使用示例：

perspective: 1000px;

總之，CSS3為Web設計師提供了更多的控制和創意自由，使得網頁設計更加豐富多彩。可以通過在CSS文件中使用以上新特性的示例代碼來實現相應的效果。