Rounded corners from 2005

Long ago, everyone was busy creating CSS with CSS, but it was not as easy as it is now. People like Roger Johansson, Maurice Svay and Stephen Hay were all busy with rounded corners. First with 4 pictures, then with two and finally with 1 single picture. Modifying and improving methods of different people, it was even possible to have a flexible box and one where the border could be changed with CSS only.

Stephen Hay mention me in his “A Ghost Story of CSS” at Fronteers Conference 2017

The actual methods (fixed and fluid)

Fixed width

<div class="fixed">
    <div class="inner">
        [txt]
    </div>
</div>

Flexible width

<div class="flexible">
    <div class="tl">
        <div class="tr">
            <div class="br">
                <div class="bl">
                    [txt]
                </div>
            </div>
        </div>
    </div>
</div>