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

Поделиться
HTML-код
  • Опубликовано: 28 июн 2024
  • ==== 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:
    mystudioil.wixstudio.io/cut-out
    #wixstudio #CSS #creative

Комментарии • 2

  • @StoryJokes.
    @StoryJokes. 18 дней назад

    amazing ! 👍😍, really needed this.