<!DOCTYPE HTML> <title>Test for calc() on background-image gradients</title> <style> p { height: 50px; width: 200px; border: thin solid; } #one { background-image: -moz-radial-gradient(150px 20px, circle farthest-side, red, green); } #two { background-image: -moz-linear-gradient(-22px -35px -45deg, blue, yellow); } </style> <p id="one"></p> <p id="two"></p>