The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Highlight text section effect?

View previous topic View next topic Go down

Highlight text section effect?

Post by Alex_Eror on February 12th 2013, 9:57 pm

As you can see on http://www.ehow.com/ehow-tech/, under the 'Tech Must Reads', each different point in the list highlights with a nice blue fade effect when you mouse over it. How could I get this effect? Any help would be great. Thanks.

Alex_Eror
Forumember

Posts : 116
Reputation : 4
Language : English

Back to top Go down

Re: Highlight text section effect?

Post by Alex_Eror on February 13th 2013, 5:55 pm

Rideem3 wrote:Where would you implement this effect?

Example:
Code:
<div id="test">Test</div>

CSS:
Code:
#test {
-webkit-transition: background-color .5s ease-in-out;
-moz-transition: background-color .5s ease-in-out;
-o-transition: background-color .5s ease-in-out;
-ms-transition: background-color .5s ease-in-out;
transition: background-color .5s ease-in-out;
}

#test:hover {
background-color: #000000;
color: #FFFFFF;
}

Thanks, that's great but right now when I hover, the effect happens across the entire width of the page, but how can I get it to be one specific place?

Alex_Eror
Forumember

Posts : 116
Reputation : 4
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum