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

Author: https://github.com/MacDue
Commit: https://github.com/SerenityOS/serenity/commit/b6f2ba6917
Pull-request: https://github.com/SerenityOS/serenity/pull/14482

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>