Javascript CSS3从';左';属性到';右';财产

Javascript CSS3从';左';属性到';右';财产,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在为我的网站创建一个滑块组合 我面临的问题是,每个部分都要彼此完全隔开。使用jQuery,我然后更改类并让CSS处理动画。本质上,我改变了左属性的百分比。然而,左边的10%并不等于左边的90%,所以我必须从左边做10%,从右边做10%。但是,当CSS转换没有考虑到我正在从左向右属性切换时 这是我的网站: 注意:目前,它只适用于-webkit浏览器,因为我还没有加入其他兼容CSS。所有框的宽度都相同。使用左边距:-方框宽度/2;现在你只需要使用从左到右的百分比。左85%与右15%相同。只是别忘

我正在为我的网站创建一个滑块组合

我面临的问题是,每个部分都要彼此完全隔开。使用jQuery,我然后更改类并让CSS处理动画。本质上,我改变了左属性的百分比。然而,左边的10%并不等于左边的90%,所以我必须从左边做10%,从右边做10%。但是,当CSS转换没有考虑到我正在从左向右属性切换时

这是我的网站:


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

所有框的宽度都相同。使用左边距:-方框宽度/2;现在你只需要使用从左到右的百分比。左85%与右15%相同。只是别忘了添加一些响应性强的设计,这样盒子就不会被切断。

你的意思是,当你开始向左旋转时,你想摆脱这种跳跃吗?