2010-09-15 19:11:26 +04:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<title>Test for calc() on background-image gradients</title>
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
p {
|
|
|
|
|
height: 50px; width: 200px;
|
|
|
|
|
border: thin solid;
|
|
|
|
|
}
|
|
|
|
|
|
2013-01-16 07:16:32 +04:00
|
|
|
#one { background-image: -moz-radial-gradient(calc(50px + 50%) calc(100% - 30px), circle farthest-side, red, green); }
|
|
|
|
|
#two { background-image: -moz-linear-gradient(calc(-12.5% + 3px) calc(-10px - 50%) -45deg, blue, yellow); }
|
2010-09-15 19:11:26 +04:00
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
<p id="one"></p>
|
|
|
|
|
<p id="two"></p>
|
