CSS how to make an element fade in and then fade out?

Question

I can make an element with an opacity of zero fade in by changing its class to .elementToFadeInAndOut with the following css:

.elementToFadeInAndOut {
    op         


        

Answer 1

A way to do this would be to set the color of the element to black, and then fade to the color of the background like this:

I am FADING!

I hope this is what you needed!