Easy Way to Create a Cut-Out Effect That Tracks Your Mouse

Опубликовано: 15 Октябрь 2024
на канале: Studio Il
432
26

==== IMPORTANT ====
2 important things to note:

1. You don't need to add another container just for the shadow effect. Instead, add the shadow effect in the same line of code.
Code for example:
box-shadow: 0px 0px 0px 100vw black, /* outer shadow / inset 0 0 100px black ; / inner shadow creating the hole effect */

2. The shadow is very large, so it is important to add to the section Overflow content = Hide so that the shadow does not cover content outside the section

Live example:
https://mystudioil.wixstudio.io/cut-out

#wixstudio #CSS #creative