调整价格表的大小感觉就像使用html5和/或css的mac dock。

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;

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