Firefox的Linear Gradients (線性漸變) -Css3演示

日期：2013-11-25  來源：攀枝花惠康網絡公司

Firefox的Linear Gradients (線性漸變)的幾點聲名：

• Firefox的Linear Gradients (線性漸變) 根基語法：background-image:-moz-linear-gradient([<point> | | <angle>，] , 起頭顏色值,竣事顏色值, [(?？款伾?偏移量百分數),...] );
• -moz-linear-gradient是background的一個屬性值；
• 第一組參數<角度位置>為很是矯捷，他的根基組成點位 <point> （ 漸變的起點 ）和角度；
  • <point> 漸變的起點: 它可以被指定為一個百分比，像素，或使用“left”，“center”或“right”的水安然安祥“top”，“center”，或“buttom”的垂 直定位。 位置年夜最受影響的元素左上角。
  • 如不美觀只在水平漸變的話，只要設置：“left center”或“right center”，如不美觀垂直漸變的話設置“center top”或者“center buttom”。Firefox下可以省略失蹤 “center”，也就是如不美觀只在水平漸變的話，只要設置：“left”或“right”，如不美觀垂直漸變的話設置“top”或者“buttom”。（查看例子）
  • 如不美觀這兩個值是百分比的值的話，那么第一個是水平漸變位置，第一個是垂直漸變位置，這個時辰還需要一個角度值，好比 “90deg”；這個可以看本頁的例子；
  • 還可所以只有一個角度值。（查看例子）
• (起頭顏色值),(竣事顏色值)是兩個漸變顏色值；
• [(?？款伾?偏移量百分數),...]：可以使用多個color-stop，如不美觀漸變只有2個顏色，那么可以不使用該參數；偏移 量必需為0%~100%；
• webkit內核的safari、 Chrome下的Linear Gradients (線性漸變) 請參閱：http://www.css88.com/archives/2154
• ie下可以使用漸變濾鏡，請參閱： http://msdn.microsoft.com/en-us/library/ms532997(VS.85).aspx

Firefox的Linear Gradients (線性漸變)的演示：http://www.css88.com/tool/css3Preview/Linear-Gradients-moz.html