RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 12:07:45 +00:00
Code Issues Activity Actions

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
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 { .rect-6 {
border-bottom-right-radius: 50%; border-bottom-right-radius: 50%;
} }
.rect-7 {
border-radius: 10px 100px / 120px;
width: 200px;
height: 100px;
border: 1px solid black;
background-color: transparent;
}
</style> </style>
</head> </head>
@ -226,6 +234,9 @@
<em>bottom-right 50%</em> <em>bottom-right 50%</em>
<div class="rect rect-6"></div> <div class="rect rect-6"></div>
<br> <br>
<em>All round -- MDN example 2 -- outline</em>
<div class="rect rect-7"></div>
<br>
<br> <br>
<p>The boxes are 50x50px</p> <p>The boxes are 50x50px</p>