freeCodeCamp's Create Visual Direction by Fading an Element From Left To Right

Lesson Summary

In this lesson from the Applied Visual Design section we look at fading an element from left to right. We utilize the keyframes rule to do this as well as the opacity attribute. By combining these tools together as well as specifying a left property, we can tell our eleement what to do at certain @keyframes to give the the appearance of a sphere moving and fading away. Practice using different values and see all the different things that are possible.

Subscribe To Monthly Newsletter. Chance to Win Monthly Prizes

* indicates required