16 lines
629 B
HTML
16 lines
629 B
HTML
<!doctype html>
|
|
<title>radial-gradient() with container relative unit <radial-size> (horizontal)</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-images/#radial-gradient-syntax">
|
|
<link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-lengths">
|
|
<link rel="match" href="radial-gradient-container-relative-units-ref.html">
|
|
<style>
|
|
#container { container-type: size; width: 100px; height: 100px; }
|
|
#inner {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: radial-gradient(50cqi 50px ellipse at 50px 50px, green, blue);
|
|
}
|
|
</style>
|
|
<div id="container">
|
|
<div id="inner"></div>
|
|
</div>
|