具有固定数量的CSS转换缩放

Question

我有3个不同宽度和高度的div，我希望用5px缩放大小来突出显示，因为如果比率为1.1和0.9，当高度和宽度太大时会变得很丑，如果太小则不会很明显。

无论对象的大小是多少都可以用5px进行缩放？或者我应该选择3个不同的关键帧？或者是否可以使用javascript变量的关键帧？

具有比例比的现有代码：

<div class='cover'>
<div class='col-xs-4'>
  <div id='smallDiv'>
  </div>
</div>
<div class='col-xs-4'>
  <div id='mediumDiv'>
  </div>
</div>
<div class='col-xs-4'>
  <div id='largeDiv'>
  </div>
</div>
</div>

jsFiddle