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. //exportkit.com/learn/psd-templates/advanced-layer-tags-psd-templates/ek126_510_css_styles_advanced

2. //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★★★
1606 views
1 answer
Last Answered 6 years ago by admin

Categories

Recent Answers

asked by zaineb khiari
asked by nmax
asked by shanrt
[+] View All Recent Questions

Share Your Knowledge!

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