eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-05-03 13:02:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

Base: Add an elliptical outline border HTML example

Browse Source
This commit is contained in:
MacDue
2022-06-13 23:41:54 +01:00
committed by Linus Groh
parent 9e71fa9aa7
commit 4e21835e70
Notes: sideshowbarker 2024-07-17 10:15:23 +09:00 
Author: https://github.com/MacDue
Commit: https://github.com/SerenityOS/serenity/commit/4e21835e70
Pull-request: https://github.com/SerenityOS/serenity/pull/14274
Reviewed-by: https://github.com/linusg
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Base/res/html/misc/border-radius.html
View File

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