html - Change / Nudge text position when hovered using CSS -


I am creating a menu that looks like this, notice that when a link is accepted, the text leads to it. Correct and change color also

deleted state

Enter image details here ">

Even so far I have:

  .text-glow {font-size: 4em; Color: #FFFFFF; Font-family: Arial IMPORTANT! -WebKit-stroke-width: 6.3px; -webkit-stroke-color: #FFFFFF; Webkit-fill-color: #FFFFFF; Text-shadow: 1 px 0 px 20px white; -Wbkit-Infection: width 0.9S; / * Safari & amp; Chrome * / Infection: width 0.9 S; -Mozy-transition: width 0.9S; / * Firefox 4 * / -O-Infection: width 0.9 S; / * Opera * / .text-glow: hover, .text-glow: focus .text-glow: active {color: transparent; Lesson: 0 5px # 000; }  

Any ideas?

This is a flash file, so to use something like CSS, Text Indent property or padding-left , which is ok with you ..

I have created a demo below scratch.

html, body {height: 100%; Background: # FF9000; } Ul {margin: 20px; Font-family: aerial; Font-size: 15px; font-weight: bold; } Ul li {margin-bottom: 5 pixel; Lesson: 0 10px #fff; Color # 000; -Mozy-infected: all .5s; -WebKit-Infection: All .5s; Transition: All .5s; } Ul li: hover {color: #fff; Text indent: 15px; } A {color: heirs; Text-decoration: None; }

Comments

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

eclipse plugin - Run java code error: Workspace is closed -

c - Error on building source code in VC 6 -