From b6f2ba6917c483e3562c609f53ee1db24df189c7 Mon Sep 17 00:00:00 2001
From: MacDue <macdue@dueutil.tech>
Date: Mon, 4 Jul 2022 21:12:27 +0100
Subject: [PATCH] Base: Example of border-radius on iframe and canvas elements

---
 Base/res/html/misc/border-radius.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

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>