CSS3 是當(dāng)前 Web 前端開發(fā)中重要的一部分，其中包含了豐富的特性。本文主要講述 CSS3 中邊框與動(dòng)畫相關(guān)的內(nèi)容。

/* 設(shè)置邊框 */
div {
border: 1px solid #000;
border-radius: 5px;
box-shadow: 0 0 5px #ccc;
}
/* 添加動(dòng)畫 */
div:hover {
animation: shake 0.5s;
}
@keyframes shake {
0% { transform: rotate(0deg); }
20% { transform: rotate(20deg); }
40% { transform: rotate(-20deg); }
60% { transform: rotate(20deg); }
80% { transform: rotate(-20deg); }
100% { transform: rotate(0deg); }
}
/* 邊框圖片 */
div {
border-image: url(border.png) 30 30 round;
}

CSS3 中邊框可使用 border 屬性，指定邊框的粗細(xì)、樣式和顏色。同時(shí)，可以使用 border-radius 屬性，設(shè)置圓角。當(dāng)然，還可以使用 box-shadow 屬性，添加邊框陰影。另外，也可以設(shè)置邊框圖片，使用 border-image 屬性即可。

而動(dòng)畫方面，CSS3 中提供了 animation 屬性，可以為元素設(shè)置動(dòng)畫效果。同樣，使用 @keyframes 來(lái)定義動(dòng)畫的具體細(xì)節(jié)，可以設(shè)置元素在某個(gè)時(shí)間點(diǎn)上的動(dòng)畫效果，隨后通過(guò) animation 屬性添加至元素即可。

總之，在實(shí)際開發(fā)中，CSS3 邊框與動(dòng)畫都是非常實(shí)用的技術(shù)。存在即合理，更多的應(yīng)用等待著開發(fā)者去挖掘。