Jump to content


Photo

Color Fade


Best Answer slj90, 13 July 2014 - 07:39 AM

-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
Go to the full post


  • Please log in to reply
2 replies to this topic

#1 slj90

slj90

    Advanced Member

  • Members
  • PipPipPip
  • 113 posts

Posted 13 July 2014 - 06:32 AM

I have a navigation bar that allows the user to change its color. When the color is changed it fades from one color to another. I am trying to make the background do the same. It currently changes color but doesn't have the same fade effect.

 

Navigation Bar:

	var value = $(this).attr('data-color');
		$('.navbar').removeClass().addClass('navbar '+ value);
		
		return false;

Page Background:

function colorPink() {
 document.body.style.backgroundColor = "#FF47D1";
}

What can I do to make them both fade?

Thanks,



#2 slj90

slj90

    Advanced Member

  • Members
  • PipPipPip
  • 113 posts

Posted 13 July 2014 - 07:02 AM

Here is the page:

 

http://superiorsuppl...rg/dropdown.php



#3 slj90

slj90

    Advanced Member

  • Members
  • PipPipPip
  • 113 posts

Posted 13 July 2014 - 07:39 AM   Best Answer

-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com