Content - a689ab0365c3a59319ed04466c2dc72e49eda49d - 13fb5db/layout/reftests/css-gradients/radial-shape-closest-side-1a.html

visit type:

Tip revision: 8f50d3060058ddcb1704ee69fa435b850e0c54bd authored by ffxbld on 02 March 2017, 22:28:09 UTC
Added FENNEC_52_0_RELEASE FENNEC_52_0_BUILD2 tag(s) for changeset aab6e1c401fc. DONTBUILD CLOSED TREE a=release

Tip revision: 8f50d30

radial-shape-closest-side-1a.html

<style>div { position:absolute; width:200px; height:200px; }</style>
<div style="background: radial-gradient(circle closest-side at 50px 80px, white, black); top:10px; left:10px;"></div>
<div style="background: radial-gradient(closest-side circle at 150px 80px, white, black); top:10px; left:220px;"></div>
<div style="background: radial-gradient(circle closest-side at 80px 50px, white, black); top:220px; left:10px;"></div>
<div style="background: radial-gradient(closest-side circle at 80px 150px, white, black); top:220px; left:220px;"></div>
<div style="background: radial-gradient(ellipse closest-side at 20px 40px, white, black); top:430px; left:10px;"></div>
<div style="background: radial-gradient(closest-side ellipse at 180px 40px, white, black); top:430px; left:220px;"></div>
<div style="background: radial-gradient(closest-side at 40px 20px, white, black); top:640px; left:10px;"></div>
<div style="background: radial-gradient(closest-side at 40px 180px, white, black); top:640px; left:220px;"></div>

Browse the archive

https://github.com/mozilla/gecko-dev