Assignment029j3a2a - keyframes (from and to)

CSS keyframes allow you to animate elements. In the following examples, we specify animation names for the elements and provide a @keyframes code block. These are simple animations that change from a beginning to end state using the from{} and to{} code blocks.

Here are additional properties to learn

• animation-name:
• animation-duration:
• animation-iteration-count:
• animation-timing-function:
• animation-direction

Here's one example of element code and the binded animation. In order to get criedit for this assignment, you must also animate an image on your portfolio

#black
{
    background-color: black;
    animation-name:Changecolor
    animation-duration:4s;
}

@keyframesChangecolor
{
    From
    {
        background-color: black;
    }

    to
    {
        background-color: red;
    }
}