按相同的像素量缩放X和Y方向的元素

我希望在X和Y方向按相同的绝对像素量(而不是相同的比例)缩放元素，以便

newWidth = oldWidth + n
newHeight = oldHeight + n

其中n是增大的像素数，oldWidth和oldHeight是未知的。

有没有办法在纯CSS中做到这一点？

css

如果维度未知，则无法使用推荐答案。在这种情况下，只有JavaScript可以做到这一点。

若要在JavaScript中执行此操作，请首先获取元素的维度，然后动态增加或减去一个值。