轉換比例效果

Question

我開發了一個網站，並且在其上有一些已經轉換的元素：懸停時縮放（1.1）。

問題是，當應用轉換時，孩子的元素看起來有霧和翹曲，我希望他們看起來清晰和清晰的整個動畫。網址是this。

我正在談論的元素是頁面中間的矩形形狀，在「我們的育種家族」下面。

Answer 1

所以，據我所知，這是不可能的，因爲scale是一個圖形化的CSS屬性，所以通過增加圖像的大小，定義會變得不太清晰。我能想到的唯一技巧是使默認值更大，然後transform: scale(.9091)處於非:hover狀態，transform: scale(1)處於:hover狀態。

另一種選擇是根本不使用scale()，而是通過改變框的大小和其中的字體大小來手動縮放。難以製造，客戶密集程度更高，但您獲得更多控制權。