我正在我的个人网站上工作,并且在动画方面遇到了一些问题。
http://raddevon.github.io/personal-site/
https://github.com/raddevon/personal-site/tree/dev
每个项目行的文本旁边都有一个箭头。单击时,它应该更改图像的左侧位置以将其推出视口并移动文本以占据页面的整个宽度。
这在 Chrome 中非常有效。在 Safari 中,动画有效,但它为向右滑动的行创建了右侧空间,即使该行overflow
设置hidden
为。然而,在 Firefox 中,动画永远不会发生。箭头被换出(左换右,反之亦然),但滑动永远不会发生。
起初,我没有left
为滑动元素设置初始值。在这里找到一个类似的问题后,我添加了那些可能是问题的想法(position
所以relative
我将起点设置left
为0
),但我仍然无法让幻灯片在 FF 中工作。任何人都可以帮忙吗?