定价表调整大小感觉就像使用 html5 和/或 css 的 mac 扩展坞

Question

我有一个想法，我已经开始构建一个定价表，理想情况下，感觉与Mac OSX扩展坞的放大倍率感觉非常相似（超级流畅），但我想知道是否有做这样的事情的最佳实践。

为了让您了解我们的起点，以下是我目前所拥有的：http://tmp.responsibid.com/#features

任何帮助或指向正确的资源都会很棒！

Answer 1

您需要

在悬停时添加此 css，它将正常工作：

-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);

还要添加 css 过渡：

-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;

虽然你必须把它放在一个容器中，然后垂直对齐它，然后添加隐藏到容器的溢出并给它一个设定的高度，因为它不仅会按照你想要的宽度方式扩展它，还会以长度的方式扩展它