CODEWITHSUNDEEP
javascriptlavalamp
Vinay Jeurkar
Vinay Jeurkar

Reputation: 3122

Lava lamp menu - how to change text color inside hover box

I have implemented Lava Lamp menu using jQuery. I would like to know if it is possible to change color of text inside hover box.
For e.g.
Below is the default lamp menu where hover box is on "Home" and font color of text inside hover box is red whereas all other text color is black

Default lava lamp menu

Below is the image in which hover box is moving on "Community". Notice the text color inside hover box is being changed to red and all other text color is black.

Lava lamp menu when hovered on Community - hover box is moving

Below is html snippet :

<ul class="lavalamp">
       <li class="default-item"><span>Home</span></li>
       <li><span>Community</span></li>
       <li><span>FAQ</span></li>
       <li><span>Contact Us</span></li>
       <li class="hover-box"></li> 
</ul>

Thank you in advance.

Upvotes: 0

Views: 717

Answers (1)

Madara&#39;s Ghost
Madara&#39;s Ghost

Reputation: 174957

Take a look Here, or the actual Article. The second example in conjunction with background-origin should do the trick I believe.

Upvotes: 1

Related Questions