三级菜单与css过渡

Question

我有这个三级菜单:http://codepen.io/anon/pen/EKmBD

我想给它添加不透明度过渡，这样当你把鼠标悬停在第1层上时，第2层就会出现一个过渡。

谢谢

Answer 1

您使用的是SCSS，但我已经在Pure CSS中创建了它，您可以相应地翻译

把它添加到你的CSS中

ul li ul {
  opacity: 0;
  transition: opacity 1s;
}
ul li:hover ul {
  opacity: 1;
}

如果你需要更低的层次，只需按顺序添加元素ul li ul，/*其他声明在这里*/