How do I create box with green color and slowly change its colour to orange using CSS3?

Answer 1

It depends on what you mean. If you want the box to be two different colors, set the background-image of the box to linear gradient and give it the two different color values. If you want it to face back and forth, you create a keyframes animation and set it to transition from one color to the other for the desired duration.