WYSIWYG Web Builder 9 Tutorial - Create Image Roll

In this WYSIWYG Web Builder 9 tutorial I take a look at how to create a rollover image effect using events. This is in response to a viewer question about how I created the social media icons on my WYSIWYG Web Builder website.

The rollover effect is created using an animation that manipulates an image's opacity. You can transition from a light "see through" image to a full color, or do just the opposite.

[aproductsource]

can you show how to do this with CSS only?