background-image-gradient-1-ref.html 371 B

12345678910111213141516
  1. <!DOCTYPE HTML>
  2. <title>Test for calc() on background-image gradients</title>
  3. <style>
  4. p {
  5. height: 50px; width: 200px;
  6. border: thin solid;
  7. }
  8. #one { background-image: -moz-radial-gradient(150px 20px, circle farthest-side, red, green); }
  9. #two { background-image: -moz-linear-gradient(-22px -35px -45deg, blue, yellow); }
  10. </style>
  11. <p id="one"></p>
  12. <p id="two"></p>