给hover加上过渡效果

Posted 小冰精灵

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了给hover加上过渡效果相关的知识，希望对你有一定的参考价值。

1、在需要hover的标签上加上

transition: all .2s ease-in-out;

2、让高亮更有层次

.nav-items a{
　　opacity: .69;

　　color:#fff;
　　cursor: pointer;
　　transition: all .2s ease-in-out;
}

.nav-items a.on{
　　color: #fff;
　　opacity: 1;
}

以上是关于给hover加上过渡效果的主要内容，如果未能解决你的问题，请参考以下文章