|
@@ -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>
|