RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 01:57:45 +00:00
Code Issues Activity Actions

Base: Example of border-radius on iframe and canvas elements

Browse source
This commit is contained in:
MacDue 2022-07-04 21:12:27 +01:00 • committed by Andreas Kling
parent 304e0966aa
commit b6f2ba6917
1 changed files with 15 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

15
Base/res/html/misc/border-radius.html
View file

@ -332,6 +332,21 @@
<br> <br>
<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> <p>The boxes are 50x50px</p>
<em>All round 10px</em> <em>All round 10px</em>
<div class="box box-1"></div> <div class="box box-1"></div>