Ambiera Forum

Discussions, Help and Support.

Ambiera Forum > RocketCake
Adding CSS transition to generated menus.

ivarforkbeard
Registered User
Quote
2023-02-19 16:43:02

Whelp, that's about it. I have a client that would like their menu links to ALSO have a .5s transition when going back and forth to hover. Adding a{transition:.5s;} to the CSS of the page works for all the links except the (javascript generated?) menus.

Thoughts for how to get the menus to also have that? I know I could try to just make the menus as separate containers, but there are also dropdowns that are much easier with the built in menu function.

Cheers!


ivarforkbeard
Registered User
Quote
2023-02-19 16:59:03

Sorry, I want to clarify this - as there is a discussion of it earlier in the forum with a "pimping the nav bar" title. In my case, using the css from there, the BACKGROUND of the text fades in nicely, but not the text itself...

Thanks for thoughts!


niko
Moderator
Quote
2023-02-20 09:18:24

Yes, you could do it like this:

menu_YOURMENUIDHERE_pane { transition: 0.5s; }


But it will only do that once and for the position because the menu is shown/hidden using the display property. Will think about adding a feature so it also changes the opacity, so that it can be animated as well.


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "In?ernational" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact