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

标签 javascript jquery html css

我正在为我的网站创建一个 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/

相关文章:

javascript - 带视频的模态弹窗,关闭后继续播放音频

javascript - 如何简化这个 jquery 脚本?

javascript - 在 Javascript 中拆分 Pascal 大小写(某些情况)

javascript - 在转换后的 div 中防止图像失真?

javascript - 如何使用 jQuery 将一个隐藏字段的值设置为另一个隐藏字段?

javascript - 如何使用 javascript 更改按钮的主体背景颜色?

javascript - 当我调用 onClick 函数时如何隐藏删除按钮

jquery - 在 jquery 插件中使用第 3 方脚本

javascript - Node JS 返回未定义?

javascript - POST 方法后清除所选值