menu effects« Back to Questions List

Hi, i want to create simple menu for testing (home, about, contact) with texts and underlines. Normal state will be without underline but hover and active state wil be undelined. How to do this. i tried to reduce opacity and fill on normal state but it does not change anything.

Added April 4, 2018 7:51 pm

Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!

Hi,

There are a few ways to do this depending on which your prefer. First your can use your character styles to apply an underline for the [hover] state. You can do this when you create your additional states for your text layer in your ${css|styles} folder.

The second way to accomplish this is to use a shape layer for the underline, and change the visible state during hover. IMPORTANT you must ensure you add the hover state to the button container, then change the visibility of the child element.

– Button:hover
– – Label
– – Underline

Try these templates for testing:

1. http://exportkit.com/learn/psd-templates/advanced-layer-tags-psd-templates/ek126_510_css_styles_advanced

2. http://exportkit.com/learn/psd-templates/advanced-layer-tags-psd-templates/ek126_511_css_selectors

Answer by admin ★★★
Answered On April 19, 2018 2:19 am #
Looking for another answer? View other questions in Key HTML CSS Text Bug Image or get premium support for guaranteed results.
Asked by kar_kie★★★
55 views
1 answer
Last Answered 3 days ago by admin

Categories

Recent Answers


Share Your Knowledge!

Contribute to the community and help other users to benefit from your answer with experience and knowledge.