FreewayTalk

2 replies to this thread. Most Recent

Matt Covarr

1 Oct 2019, 10:59 am

[Pro] Fading CSS Menu hover

Hi, I have a css menu item in Freeway Pro (Backdraft). In the CSS Menu dialog box, I have set the background of the menu items to change to a different colour on hover/rollover. Is there a way to make this transition fade, as opposed to the rapid change that is the defaut? Thanks.

Matt Covarr

www.covarrdesign.com

Plettenberg Bay

Western Cape

South Africa

Gordon Low

1 Oct 2019, 3:12 pm

Yes, add this code to Page > HTML markup… > before /head

<style type="text/css">

    #fwNav1 .fwNavItem a { -webkit-transition-property: all; -webkit-transition-timing-function: ease-in-out; -webkit-transition-duration:0.3s; -moz-transition-property: all; -moz-transition-timing-function: ease-in-out; -moz-transition-duration:0.3s; -o-transition-property: all; -o-transition-timing-function: ease-in-out; -o-transition-duration:0.3s; }

</style>

Adjusting the durations settings will speed up or slow down the effect as required.

Gordon https://www.gordonlow.net/


Back to Top

Matt Covarr

2 Oct 2019, 8:30 am

Thanks Gordon, this works perfectly.

Much appreciated. Matthew

Matt Covarr

www.covarrdesign.com

Plettenberg Bay

Western Cape

South Africa