animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back

rendered animation

Only CSS: I don't know why, but I keep touching this box.

1<div class="world"><div class="area"><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div><div class="box"><div class="bounce"><div class="rotate -x"><div class="rotate -y"><div class="rotate -z"><div class="translate -x"><div class="translate -y"><div class="translate -z"><div class="surface -a"></div><div class="surface -b"></div><div class="surface -c"></div><div class="surface -d"></div><div class="surface -e"></div><div class="surface -f"></div></div></div></div></div></div></div></div></div></div></div>