diff options
| author | MacDue <macdue@dueutil.tech> | 2022-06-13 23:41:54 +0100 |
|---|---|---|
| committer | Linus Groh <mail@linusgroh.de> | 2022-06-14 00:25:12 +0100 |
| commit | 4e21835e7052b45f224302dbf6a1b8948f753911 (patch) | |
| tree | af28fd727cf14eaddd875354a2d3538fbac76fd3 /Base/res/html/misc | |
| parent | 9e71fa9aa7719da33e6153044da12476949eed65 (diff) | |
| download | serenity-4e21835e7052b45f224302dbf6a1b8948f753911.zip | |
Base: Add an elliptical outline border HTML example
Diffstat (limited to 'Base/res/html/misc')
| -rw-r--r-- | Base/res/html/misc/border-radius.html | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/Base/res/html/misc/border-radius.html b/Base/res/html/misc/border-radius.html index 002a1a1541..52b524f3a2 100644 --- a/Base/res/html/misc/border-radius.html +++ b/Base/res/html/misc/border-radius.html @@ -172,6 +172,14 @@ .rect-6 { border-bottom-right-radius: 50%; } + + .rect-7 { + border-radius: 10px 100px / 120px; + width: 200px; + height: 100px; + border: 1px solid black; + background-color: transparent; + } </style> </head> @@ -226,6 +234,9 @@ <em>bottom-right 50%</em> <div class="rect rect-6"></div> <br> + <em>All round -- MDN example 2 -- outline</em> + <div class="rect rect-7"></div> + <br> <br> <p>The boxes are 50x50px</p> |