启用 CSS3 的元素是否可以进行位置转换

Question

我只是在玩我的投资组合网站，注意到当我(谷歌浏览器(屏幕放大到 400% 并专注于页脚时，我有一些元素与流体网格不匹配。我知道我需要为此找到解决方法(如果您对如何为非常流畅的布局定位元素有任何想法/建议，请发布它们(，但是当我使用"查看为实际大小"的热键时，我注意到我有两个单独的 CSS3 过渡启用参数(不透明度和宽度， 代码位于下面(应用于它，从原始位置到它在"实际大小"视图中的位置进行了平滑、缓慢的过渡。

http://jsfiddle.net/Asustaba/VLw7k/

如果这令人困惑，我们深表歉意。如果有人需要更好地了解正在发生的事情，我可以附上过渡视频的链接。

.grower{
  -moz-transform: scale(.85);
  -webkit-transform: scale(.85);
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.grower:hover{
  -moz-transform: scale(1);
  -webkit-transform: scale(1); 
}
.grower_big{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.grower_big:hover{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1); 
}

有人遇到过这个吗？是否可以在元素的绝对、相对或正常流动定位之间设置基于过渡的移动(缓入-出(？在基于视差的 Web 布局中查看时呢？

Answer 1

我想你在问你是否可以转换属性位置。如果是这种情况，那么你就不能。大多数可以转换的元素都是使用数值的元素。以下是可以转换的 CSS 属性列表：http://www.w3.org/TR/css3-transitions/#properties-from-css-