SVG transparency on a solid background

Question

On a valid background, I need to add transparent holes/images that shows body background.

Like this websites;

skrill.com skrillex.com I can add it as a image but I should resize it according to resolution. Also I'll add some descriptions under this images.

Is there any way to do this?

score 0 · Answer 1 · answered Nov 27 '15 at 00:03

There are three ways to achieve this effect:

Make the solid background a SVG or PNG, with holes cut through to show the underlying background.
Make the transparent images replicate the background.
Implement the background with <canvas> and use JS to achieve this effect by dynamically redrawing the background.

The sites you linked are using one of these approaches.

1 Answers1