diff options
| author | MacDue <macdue@dueutil.tech> | 2022-07-04 21:12:27 +0100 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2022-07-04 23:09:06 +0200 |
| commit | b6f2ba6917c483e3562c609f53ee1db24df189c7 (patch) | |
| tree | 5fd645413155ac3fce8be2cd08290d994e1fdb11 /Base | |
| parent | 304e0966aa55a142f5ec4269758219ca1cf43ffb (diff) | |
| download | serenity-b6f2ba6917c483e3562c609f53ee1db24df189c7.zip | |
Base: Example of border-radius on iframe and canvas elements
Diffstat (limited to 'Base')
| -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 ab7c840537..c4fb3bd200 100644 --- a/Base/res/html/misc/border-radius.html +++ b/Base/res/html/misc/border-radius.html @@ -332,6 +332,21 @@ <br> <br> + <p>All these are non-conventional elements with a border-radius :^)<p> + <em>iframe to the welcome page</em> + <br> + <iframe style="border-radius: 50%; border: none; width: 300px; height: 200px;" src="welcome.html"></iframe> + <br> + <em>Fun canvas demo</em> + <br> + <canvas id="fun-canvas" style="border-radius: 30%;" width="200" height="200"></canvas> + <script src="fun-canvas.js"></script> + <script> + makeFunCanvas("fun-canvas") + </script> + <br/> + <br/> + <p>The boxes are 50x50px</p> <em>All round 10px</em> <div class="box box-1"></div> |