"顶部"和"左侧"属性的CSS3过渡无效

use*_*510 15 css position css3 css-transitions

我有一个列表,当我将鼠标悬停在列表上时,列表中有一个项目转移到东北.使用margin-topmargin-left属性转换工作但是正在盘旋的项目继续推动其他元素,所以我添加position:relative并尝试使用topleft转换属性但它似乎没有工作.

这是jsfiddle:

列表悬停

ngh*_*pit 45

添加左,顶部默认 链接演示

left: 0px
Run Code Online (Sandbox Code Playgroud)

  • 只是为了扩展这个答案:浏览器需要明确知道起始值和结束值是什么,以便计算转换序列.可以合理地假设如果未设置,起始值将只是属性的默认值,但事实并非如此.必须显式声明start和end值. (6认同)
  • 这应该是选择的答案. (4认同)

uad*_*ive 9

您是否尝试过设置列表的父级.我知道有时亲戚有问题,除非基础项目也是相对的或绝对的.只是一个想法.