我有一个 wordpress 网站http://watershedgeo.staging.wpengine.com/#,我正在使用一个主题,它内置于导航菜单中。
我已将其修改为在具有下拉项的菜单项之后使用字体真棒图标。我使用的是正确的角度,>,但我想使用插件或 css 来制作动画,这样当下拉菜单下拉时,图标会旋转到“V”。
我不想在其中构建任何 JS,我知道它可以用 CSS 完成,我只是不确定在 WP 环境中也能很好地执行此操作的最佳方法。
当前的 CSS:
.fusion-megamenu-icon {
display: inline;
margin-left: 12px;
float: right;
}
.fusion-megamenu-icon:hover {
transform: rotate(90deg);
}
将一些自定义 CSS 添加到您的代码中
试试这个
CSS
ul.fusion-menu > li.menu-item-has-children:hover a i.fa{
transform:rotate(90deg);
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句