CSS3是Cascading Style Sheets第三代標準的簡稱，是一種用于描述文檔外觀或顯示樣式的語言。傳統的CSS只能使用一些基本的樣式，而CSS3則提供了更多的高級應用。下面我們來介紹一些CSS3的高級應用。

1、過渡效果（transition）

button {
background-color: green;
transition: background-color 1s;
}
button:hover {
background-color: red;
}

當鼠標移動到按鈕上時，會有一個從綠色到紅色的過渡效果。

2、動畫效果（animation）

@keyframes mymove {
0% {top: 0px;}
50% {top: 100px;}
100% {top: 0px;}
}
div {
position: relative;
animation: mymove 5s infinite;
}

上述代碼實現了一個無限循環的動畫效果，其中mymove是動畫的名稱，top屬性分別在0%、50%和100%時變化。

3、伸縮框（flexbox）

.container {
display: flex;
justify-content: center;
align-items: center;
}
.box {
width: 100px;
height: 100px;
margin: 10px;
background-color: red;
}

上述代碼實現了一個flexbox布局，讓.container里的.box元素均勻分布在中心位置。

4、盒模型（box-sizing）

div {
box-sizing: border-box;
width: 100px;
height: 100px;
padding: 10px;
border: 5px solid black;
}

設置box-sizing為border-box后，padding和border不會再撐大元素的大小，而是在元素大小內部進行繪制。

5、字體圖標（@font-face）

@font-face {
font-family: myfont;
src: url('myfont.ttf');
}
.icon {
font-family: myfont;
font-size: 20px;
content: '\e001';
}

通過@font-face定義了一個字體來源，然后通過content屬性設置字體圖標。

以上是CSS3的一些高級應用，我們可以通過這些應用添加更多的樣式和交互效果，提升網站的用戶體驗。