<html> <head> <style> body { margin: 0px } div.pt0 { -moz-transform:translateY(0.0px); } div.pt1 { -moz-transform:translateY(0.1px); } div.pt2 { -moz-transform:translateY(0.2px); } div.pt3 { -moz-transform:translateY(0.3px); } div.pt4 { -moz-transform:translateY(0.4px); } div.pt5 { -moz-transform:translateY(0.5px); } div.pt6 { -moz-transform:translateY(0.6px); } div.pt7 { -moz-transform:translateY(0.7px); } div.pt8 { -moz-transform:translateY(0.8px); } div.pt9 { -moz-transform:translateY(0.9px); } div.test { background: black; width: 40px; height: 40px; display: inline-block; margin-right: 4px; } </style> </head> <body ><div class="test pt0" ></div ><div class="test pt1" ></div ><div class="test pt2" ></div ><div class="test pt3" ></div ><div class="test pt4" ></div ><div class="test pt5" ></div ><div class="test pt6" ></div ><div class="test pt7" ></div ><div class="test pt8" ></div ><div class="test pt9" ></div ></body> </html>