mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-11-29 19:10:26 +00:00
f9f39477a4
Modifies a loop that collects clip rectangles to stop once a box with a CSS transform is encountered, as its clip still needs to be considered.
33 lines
697 B
HTML
33 lines
697 B
HTML
<!doctype html>
|
|
<link rel="match" href="reference/clip-border-radius-with-css-transform-ref.html" />
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
}
|
|
.outer {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
border-radius: 9999px;
|
|
width: 300px;
|
|
height: 300px;
|
|
transform: translateX(-100px);
|
|
left: 100px;
|
|
}
|
|
.middle {
|
|
overflow: hidden;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
position: absolute;
|
|
width: 300px;
|
|
height: 300px;
|
|
background-color: transparent;
|
|
}
|
|
.inner {
|
|
position: absolute;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
width: 300px;
|
|
height: 300px;
|
|
background: mediumspringgreen;
|
|
}
|
|
</style><body><div class="outer"><div class="middle"><div class="inner"></div>
|