CSS3 calc() test (v2)

Revision 2 of this benchmark created on

Description

test

Preparation HTML

<style>
.complexBlock {
                        width: -webkit-calc(100% - 50% / 3);
                        width: -o-calc(100% - 50% / 3);
                        width: calc(100% - 50% / 3);

                        padding: 5px -webkit-calc(3% - 2px);
                        padding: 5px -o-calc(3% - 2px);
                        padding: 5px calc(3% - 2px);

                        margin-left: -webkit-calc(10% + 10px);
                        margin-left: o-calc(10% + 10px);
                        margin-left: calc(10% + 10px);
                }
</style>
<div id="block" class="test">
Test
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
t
//
ready
t2
document.getElementById("block").className = "complexBlock";
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.