How to create the Window Effect with WordPress

How to create the Window Effect with WordPress

The window effects create the illusion that you are looking at a huge image through different windows.

To create the Window Effect we:

  • Add a column block and create two columns
  • Go to the parent block and change the alignment to full width
  • On the left column add a cover block
  • Select an image from the media library
  • Select the cover block and change the opacity to zero
  • Now duplicate the cover block two times
  • Now, go to the list view, select the left column and duplicate the column as well
  • Once you have three columns, delete the third column
  • The last step is to go to every cover block, go to the settings, and select fixed background
  • And that’s it.

Previous Web Design posts