minerva/Tests/LibWeb/Ref/reference/corner-clip-inside-scrollable-ref.html at 1d53ae1d6f7d460e411d0c3e9ba48f0e7b6160b9

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Ref / reference / corner-clip-inside-scrollable-ref.html

minerva on 13 Jul 559 bytes Initial commit

Raw Blame History

<!DOCTYPE html>
<style>
    .box {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .inner-box {
        width: 100px;
        height: 100px;
        background-color: magenta;
    }

    #container {
        width: 200px;
        height: 200px;
        border: 1px solid black;
    }
</style>
<div id="container">
    <div class="box" id="a"><div class="inner-box" id="aa"></div></div>
    <div class="box" id="b"><div class="inner-box" id="bb"></div></div>
</div>