Transition color font with background in same time

[Sigmahokies]

Hi everyone,

 

I am struggling with transition font color with background in table.

 

I am using TD create transition background, it works, but not font.

 

Here my CSS i created:

 

 

td {
background-color: rgba(0, 79, 0, 0.75);
border-color:white;
border-collapse:collapse;
}
#td {
transition:background-color 0.7s ease;
background-color:rgba(0, 79, 0, 0.75);
}
#td:hover {
background-color:white; 
color:rgba(0, 79, 0, 0.75);
}

[Ingolme]

What code did you use for adding a transition to the font color?

[Sigmahokies]

Look at my code above...

 

I am using transition to do font color.

[Ingolme]

You only made a transition for the background color, not for the font color. Add both.

transition:background-color 0.7s ease, color 0.7s ease;

[Sigmahokies]

Oh i just tried that, it doesn't work. Seem transition will work one time on page. Even I tried to have code:

 

transition:color 0,7s ease;

 

that is separate from background, but still not work, even transition does not work with background.

[Ingolme]

You have a comma between 0 and 7, it should be a point.

You can only have one transition rule on an element, if you write two rules for the same element only the last one will be applied.

[Sigmahokies]

Oh, I made mistake in this trend, but I did put period (.) in sec - 0.7s still not working.

[Sigmahokies]

I found the solution, I solved it...I just found the default set must not set as color, or it won't work. so, I put color font in tag letter, id, or class...not * in beginning of CSS document.

 

Thank you for your time, Ingolme