[Pro] Fading CSS Menu hover

Freeway
1

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.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

2

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/

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

3

Thanks Gordon, this works perfectly.

Much appreciated.
Matthew

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options