CSS blend modes, clipping paths and filters make a number of effects that were previously available only in PhotoShop possible on the web.
One possibility that combines these CSS properties is overlaying images, for before-and-after comparisons or to achieve other visual effects. An example might be the placement of Hugh Jackman’s face over a contemporary photo of Clint Eastwood; particularly effective since both of them possess such similar bone structure and facial features.
Check out this Pen!
Tags: #Blend Mode, #Code, #CSS, #CSS3, #Filter, #HTML, #HTML5, #Tutorial, #Web Design, #Web Development