CSS3是Cascading StyleSheet Language的縮寫，用來為網(wǎng)頁增加豐富的樣式效果。微信小程序作為移動(dòng)端APP的一種新型開發(fā)形式，也廣泛應(yīng)用了CSS3技術(shù)。

一般來說，在微信小程序開發(fā)中可以將CSS樣式定義在一個(gè)單獨(dú)的樣式文件中，通過<style>標(biāo)簽引入，也可以直接寫在<view>等標(biāo)簽內(nèi)部。下面列舉一些CSS3常用的微信小程序樣式效果：

/* 圓角樣式 */
.rounded {
border-radius: 50%;
}
/* 漸變色樣式 */
.gradient-bg {
background: linear-gradient(to right, #ff9966, #ff5e62);
}
/* 動(dòng)畫樣式 */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.show {
animation: fadeIn 0.5s;
}
/* 3D旋轉(zhuǎn)樣式 */
.rotate-x {
transform-style: preserve-3d;
transform: rotateX(180deg);
}

除此之外，CSS3還有很多的樣式效果可以滿足各式各樣的需求。了解并熟練使用這些效果，可以讓你在微信小程序的UI設(shè)計(jì)中事半功倍。