CSS导航悬停下拉速度？

Question

我的代码有两个问题：

1. 当您悬停“Naslovna”时导航菜单下降并且恢复得太快，我希望减少时间，最好使用CSS。

2. 在jsbin附件中，你可以看到网站立方体的中间，当你把鼠标放在它们上面时，它们会拉起并显示文字，我对它们有一个问题，因为一旦它们显示它们就会拉下来，但它们很好但是他们在下降时不显示文字。

你能帮我解决这些错误，这里是jsbin调试链接：

http://jsbin.com/zabuvu/1/edit

此致 MAGIX

Answer 1

添加此项（在文本关闭时隐藏文本）

.perpic .hovereffect  {
   overflow: hidden;
}

并更改此选择器

.perpic:hover .hovereffect p {
   ...
}

to（样式始终保持不变，然后仅在＆＃39; hover＆＃39;上激活）

.perpic .hovereffect p {
   ...
}

但是现在有一个重复的选择器出现在它之前。您可以完全删除或只删除属性

display: none; 

来自

.perpic .hovereffect p

.perpic .hovereffect中的转换属性控制下降速度，而.perpic:hover .hovereffect转换属性控制上升速度。将秒数更改为您喜欢的任何内容

transition: all 1.5s ease 0s;