Html 移除mouseleave上的css3转换

演示：

---

我想要mouseenter上的淡入淡出和滑动效果，而不是mouseleave上的淡入淡出和滑动效果，因为我认为这太多了，如何进行单向css3转换？

您可以将

转换移动到
：悬停。那么它只会在悬停状态下发生

.wrapper:hover #slide {
    right: 0;
    opacity:1;
    transition: 0.5s;
}

但我很少看到在：hover中出现过渡。现在我不知道如何使用它们，这是真的。但是把它放在
：hover
上不仅仅是一个元素。就好像你把它作为一个附加类，在mouseenter上用javascript添加它，在mouseleave上删除它一样。
.wrapper:hover #slide {
    right: 0;
    opacity:1;
    transition: 0.5s;
}