Navbar hoover 过渡鼠标悬停问题

Question

我已经在悬停时完成了转换（当我悬停在导航栏宽度更大并且主要内容在正确的站点上移动一点时）。然而不幸的是，我想避免主要内容在页面刷新时移动。知道如何编码：鼠标悬停过渡效果吗？

.navbar:hover+main {
    margin-left: 10rem;
}

.navbar + main {
    transition: 1s;
}

它在小提琴上可以正常工作：http://jsfiddle.net/47d5ujym/ 不幸的是，不能在 Opera、Chrome 或 Firefox 中正常工作

Answer 1

试试这个：

.navbar:hover+main {
    margin-left: 10rem;
}

.navbar + main {
    transition: all 1s ease;
}