animation

Question

how can i add animation to the icons and text with color change

Answer 1

You can use, tranition like:

p
{
color:blue;
tranistion-property:color;
transition-duration:2s;
p:hover
{
color:green;
}
color:black
}
-------it works fine with pseudoclass like :hover :link :focus....---------
or you can use animation like:
@keyframes example {
from
{
color:blue;
}
to
{
color:green;
}
}
p
{
animation-name: example;
animation-duration: 4s;
animation-interation-count:infinity;/*-------it will ALWAYS animate-------*/
animation-direction:alternate;
}