javascript - CSS3 从 'left' 属性过渡到 'right' 属性

Question

我正在为我的网站创建一个 slider 组合。

我遇到的问题是每个部分之间的空间完全不同。使用 jQuery，然后我更改类并让 CSS 处理动画。本质上，我用百分比更改了左侧属性。但是，左边的 10% 不等于左边的 90%，所以我必须从左边做 10%，从右边做 10%。但是，当 CSS 转换没有考虑到我正在从左属性切换到右属性时。

这是我的网站:http://devdesigned.com/intrinsecus

注意:目前，它只适用于 -webkit 浏览器，因为我还没有加入其他兼容的 CSS。

Answer 1

你所有的盒子都有相同的宽度。使用 margin-left:-box_width/2;现在你只需要使用左边的百分比。左边的 85% 与右边的 15% 相同。只是不要忘记添加一些响应式设计，这样方框就不会被切断。