CSS3怎麼做出過渡漸變效果，CSS3樣式中如何讓背景漸變與背景圖片共存？

1樓：匿名使用者

transition的語法：transition： transition-property || transition-duration ||

transition-timing-funciton || transition-delay ；

其引數的取值說明如下：

:定義用於過渡的屬性；

:定義過渡過程需要的時間（必選，否則不會產生過渡效果）

:定義過渡的方式；

:定義開始過渡的延遲時間；

使用transition屬性定義一組過渡效果，需要以上四個引數。transition屬性可以同時定義

兩組或兩組以上的過渡效果，組與組之間用逗號分隔。

基於webkit核心的私有屬性是：-webkit-transition;

基於gecko核心的私有屬性是：-moz-transition;

基於prestot核心的私有屬性是：-o-transition;

2樓：江西新華天枰

建議你用這個標籤去試試transition

css3樣式中如何讓背景漸變與背景**共存？

3樓：曉岑

目前，對css3支援日趨完善，實現相容性的漸變背景效果是完全可以的，讓背景漸變與背景**共存的方法很簡單，主要要注意的是**要保持「最小單元」的準則，選擇正確的瀏覽器，該問題就能得到解決，下面介紹一下具體的解決方法。

1、**漸變切圖時一定要以最小為準則，例如在做垂直方向的純顏色的漸變時，嘗試使用1個畫素的豎直**作為漸變背景「最小單元」。另外，要注意css3雖然支援很多的瀏覽器的相容，但是目前不支援opera瀏覽器。

2、如果相容程度允許的話，純色漸變背景可以使用css3的漸變樣式，如，如此一來能夠減少切圖量，還可以加快網頁載入速度，缺點是使用主流瀏覽器的話，就必須要新增字首。

3、注意對於webkit核心的瀏覽器，如chrome/safari瀏覽器，在這些瀏覽器下要做到漸變背景，也需要使用css3 漸變方法，css-gradient，具體就是-webkit-gradient，使用語firefox瀏覽器業是有一點差異的。