CSS3是web前端開發(fā)中最常用的技術(shù)之一。其中的原生函數(shù)可以大大增強(qiáng)我們的樣式效果，下面來介紹幾種常用的CSS3原生函數(shù)。

transform:rotate()

該函數(shù)主要用于旋轉(zhuǎn)元素。語法如下：

transform:rotate(角度);

其中角度可以為正數(shù)或負(fù)數(shù)，表示順時針或逆時針旋轉(zhuǎn)。例如：

transform:rotate(45deg);

表示順時針旋轉(zhuǎn)45度。

linear-gradient()

該函數(shù)用于生成線性漸變背景色。語法如下：

background:linear-gradient(方向, 起點(diǎn)顏色, 終點(diǎn)顏色);

其中方向可以是to left、to right、to top或to bottom，表示從左到右、從右到左、從上到下或從下到上漸變。

box-shadow()

該函數(shù)用于添加元素的投影效果。語法如下：

box-shadow:水平偏移量 垂直偏移量 陰影模糊半徑 陰影擴(kuò)散半徑 陰影顏色

例如：

box-shadow:2px 2px 5px 1px rgba(0,0,0,0.6);

表示投影向右下角偏移2px，陰影模糊半徑為5px，陰影擴(kuò)散半徑為1px，陰影顏色為rgba(0,0,0,0.6)。

transition()

該函數(shù)用于添加過渡效果。語法如下：

transition:屬性名稱 過渡時間 過渡效果

其中屬性名稱表示過渡的屬性，比如background-color、opacity等。過渡時間可以是秒數(shù)或毫秒數(shù)，過渡效果可以是ease、linear、ease-in等。

例如：

transition:width 1s ease-in;

表示width屬性過渡時間為1秒，過渡效果為ease-in。