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
Post a Comment