css - 定价表调整大小感觉就像使用 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;

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