0

我只是在玩我的投资组合网站，并注意到当我的（谷歌浏览器）屏幕放大到 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 布局中查看时会怎样？

4

1 回答 1

0

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

于 2012-10-04T07:02:47.650 回答