diff options
| author | MacDue <macdue@dueutil.tech> | 2022-07-19 11:09:58 +0100 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2022-07-19 15:00:59 +0200 |
| commit | c12c9eed380b7e929ec8b1596a0f128367f9a255 (patch) | |
| tree | 84820b42406b7e622c5fd7de2d4e85cb56b212d8 /Base/res/html | |
| parent | 0b0a691ecdfeca5bff872a8cc3bdd175b46384fb (diff) | |
| download | serenity-c12c9eed380b7e929ec8b1596a0f128367f9a255.zip | |
Base: Add some more border-radius test cases
This adds a test for overflow: hidden + border-radius clipping
child positioned elements, and child backgrounds.
Diffstat (limited to 'Base/res/html')
| -rw-r--r-- | Base/res/html/misc/border-radius.html | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/Base/res/html/misc/border-radius.html b/Base/res/html/misc/border-radius.html index c4fb3bd200..dc58a51f6c 100644 --- a/Base/res/html/misc/border-radius.html +++ b/Base/res/html/misc/border-radius.html @@ -223,6 +223,11 @@ border-radius: 50px; padding: 10px; } + + .positioned { + background-color: red; + position: relative; + } </style> </head> @@ -330,6 +335,16 @@ <img src="car.png" style="width: 100px; height: 100px"> </a> <br> + <em>A red div with position: relative within a parent with overflow: hidden + a border-radius</em><br> + <div class="box" style="border-radius: 10px; overflow: hidden;"> + <div class="box positioned"></div> + </div> + <br> + <em>A blue (background) div within a parent with overflow: hidden + a border-radius</em><br> + <div class="box" style="border-radius: 10px; overflow: hidden;"> + <div class="box" style="background-color: blue;"></div> + </div> + <br> <br> <p>All these are non-conventional elements with a border-radius :^)<p> |