Question

我有一个包含过渡的布局，它们会平滑地进入该过渡，但一旦光标离开所选区域，它会突然回到第一个位置。

}
#holder div:hover {
    width:92px;
    background-color:#dddddd;
    -webkit-transition:all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;

这就是它的编码，是否有人能够帮助我顺利地恢复到原始状态？谢谢！

Answer 1

此选择器仅在div的{{1}}的{{1}}为#holder时匹配。

:hover

这意味着您的过渡仅适用于div悬停时。一旦你停止悬停，转换就不再适用，风格会跳回来。

要让它以两种方式工作，您需要将转换声明放在#holder div:hover { background-color: #DDD; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; width: 92px; }上：

#holder div

转型，我很困惑

1 个答案: