{"id":101715,"date":"2017-01-17T14:39:04","date_gmt":"2017-01-17T14:39:04","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/change-arrow-color-copy\/"},"modified":"2017-01-17T14:46:51","modified_gmt":"2017-01-17T14:46:51","slug":"adjust-hover-transition-speed","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/adjust-hover-transition-speed\/","title":{"rendered":"How to adjust the &#8220;Hover Transitions&#8221; speed"},"content":{"rendered":"<p>Under <em>Mega Menu &gt; Menu Themes<\/em>, it&#8217;s possible to enable &#8220;Hover Transitions&#8221; for menu items, making the menu item background and font color transition\u00a0when a link is moused over.<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/01\/hover-transitions.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-101721\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/01\/hover-transitions.png\" alt=\"\" width=\"2366\" height=\"1984\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/01\/hover-transitions.png 2366w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/01\/hover-transitions-300x252.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/01\/hover-transitions-768x644.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/01\/hover-transitions-1024x859.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2017\/01\/hover-transitions-50x42.png 50w\" sizes=\"auto, (max-width: 2366px) 100vw, 2366px\" \/><\/a><\/p>\n<h3>How to adjust the transition speed<\/h3>\n<p>Go to <em>Mega Menu &gt; Menu Themes<\/em> and enter the following into the Custom Styling area:<\/p>\n<pre class=\"lang:default decode:true\">#{$wrap} #{$menu} a.mega-menu-link {\r\n    -webkit-transition: background 200ms linear, color 200ms linear;\r\n    -moz-transition: background 200ms linear, color 200ms linear;\r\n    -o-transition: background 200ms linear, color 200ms linear;\r\n    transition: background 200ms linear, color 200ms linear;\r\n}<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Under Mega Menu &gt; Menu Themes, it&#8217;s possible to enable &#8220;Hover Transitions&#8221; for menu items, making the menu item background and font color transition\u00a0when a link is moused over. How to adjust the transition speed Go to Mega Menu &gt; Menu Themes and enter the following into the Custom Styling&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[14],"ht-kb-tag":[],"class_list":["post-101715","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-faqs"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"Under Mega Menu &gt; Menu Themes, it&#8217;s possible to enable &#8220;Hover Transitions&#8221; for menu items, making the menu item background and font color transition\u00a0when a link is moused over. How to adjust the transition speed Go to Mega Menu &gt; Menu Themes and enter the following into the Custom Styling...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/101715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=101715"}],"version-history":[{"count":2,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/101715\/revisions"}],"predecessor-version":[{"id":101722,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/101715\/revisions\/101722"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=101715"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=101715"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=101715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}