The game tile backgrounds in the library are now set to use the css transform property on a child element in order to better adapt to various tile sizes.
This way, the background-size property can be set to cover while still allowing for a smooth "zoom-in" animation.
The 16px extra padding that was used (referenced as a "magic number" in the code comments) has now been replaced by a 1vw margin to scale properly with the window size (and the background image as a result).
Mafrans
commented
3 years ago
The game tile backgrounds in the library are now set to use the css
transformproperty on a child element in order to better adapt to various tile sizes.This way, the
background-sizeproperty can be set tocoverwhile still allowing for a smooth "zoom-in" animation.The
16pxextra padding that was used (referenced as a "magic number" in the code comments) has now been replaced by a1vwmargin to scale properly with the window size (and the background image as a result).