网页的渐变特效怎么写

Question

网页的渐变特效怎么写

Answer 1

网页的渐变特效怎么写
1、JavaScript渐变效果，搜索一下，例子很多。2、现代浏览器已经支持线形渐变，直接写 css  #my_gradient{
padding:0 0 58px 0; font-size:14px; color:#999; width:100%;
background:#fff; background:rgba(255,255,255,0.5);
background-image: -ms-linear-gradient(rgb(255, 255, 255)0%, rgb(243, 243, 243)100%);
  
/* background: #fff; Old browsers */
  background: -moz-linear-gradient(#fff 0%, #f3f3f3 100%); /* FF3.6+ */
  /* background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); Chrome,Safari4+ */
  background: -webkit-linear-gradient(#fff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(#fff 0%,#f3f3f3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(#fff 0%,#f3f3f3 100%); /* IE10+ */
  background: linear-gradient(#fff 0%,#f3f3f3 100%); /* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff3f3f3',GradientType=0); /* IE6-9*/
}