mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 19:47:34 +00:00
Base: Add an elliptical outline border HTML example
This commit is contained in:
parent
9e71fa9aa7
commit
4e21835e70
1 changed files with 11 additions and 0 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue