Testování podpory efektu gradientu (-moz-linear-gradient, -o-linear-gradient, -webkit-gradient)

• Efekt gradientu (hodnota gradient nebo linear-gradient CSS3 vlastnosti background). Zatím nefunguje nikde. Firefox minim. 3.6 ale podporuje "testovací" hodnotu -moz-linear-gradient, Opera minim. 11.10 vlastnost -o-linear-gradient, Google Chrome a Safari vlastnost -webkit-gradient a Explorer filter gradient.
  
  <div style="background: gradient(linear, left top, left bottom, from(blue), to(white));"></div>
  
  
  Efekt gradientu (CSS3 hodnota gradient).
  
  
  <div style="background: linear-gradient(top, blue, white);"></div>
  
  
  Efekt gradientu (CSS3 hodnota gradient).
  
  
  

  Gradient pro Firefox

  <div style="background: -moz-linear-gradient(top, blue, white)"></div>
  
  
  Efekt gradientu (CSS3 hodnota gradient).
  
  
  

  Gradient pro Operu

  <div style="background: -o-linear-gradient(top, blue, white)"></div>
  
  
  Efekt gradientu (CSS3 hodnota gradient).
  
  
  

  Gradient pro Safari a Chrome

  <div style="background: -webkit-gradient(linear, left top, left bottom, from(blue), to(white))"></div>
  
  
  Efekt gradientu (CSS3 hodnota gradient).
  
  
  

  Gradient pro Explorer

  <div style="filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='blue', endColorstr='#ffffff');"></div>
  
  
  Efekt gradientu (CSS3 hodnota gradient).
  
  
  

  Gradient pro všechny prohlížeče

  .gradient
  { width: 200px;
    height: 200px;
    border: 1px solid blue;
    padding: 10px;
    background-color: lightblue; /* pro starší prohlížeče, které gradient nepodporují */
    background: gradient(linear, left top, left bottom, from(blue), to(white)); /* zatím nefunguje */
    background: linear-gradient(top, blue, white); /* zatím nefunguje */
    background: -moz-linear-gradient(top, blue, white); /* pro Firefox */
    background: -o-linear-gradient(top, blue, white); /* pro Operu */
    background: -webkit-gradient(linear, left top, left bottom, from(blue), to(white)); /* pro Chrome a Safari */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='blue', endColorstr='white'); /* pro Explorer */
  }
  
  <div class="gradient"> </div>
  
  
  Efekt gradientu (CSS3 hodnota gradient)