我正在为我的网站创建一个 slider 组合。
我遇到的问题是每个部分之间的空间完全不同。使用 jQuery,然后我更改类并让 CSS 处理动画。本质上,我用百分比更改了左侧属性。但是,左边的 10% 不等于左边的 90%,所以我必须从左边做 10%,从右边做 10%。但是,当 CSS 转换没有考虑到我正在从左属性切换到右属性时。
这是我的网站:http://devdesigned.com/intrinsecus
注意:目前,它只适用于 -webkit 浏览器,因为我还没有加入其他兼容的 CSS。
最佳答案
你所有的盒子都有相同的宽度。使用 margin-left:-box_width/2;现在你只需要使用左边的百分比。左边的 85% 与右边的 15% 相同。只是不要忘记添加一些响应式设计,这样方框就不会被切断。
关于javascript - CSS3 从 'left' 属性过渡到 'right' 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22548164/