Page Mask Transition Ease

DreamStreetPortraitsDreamStreetPortraits Registered Users Posts: 27 Big grins
edited December 30, 2020 in SmugMug Customization

Hey all!

I would like to know if there is a way to have a page transition into displaying a mask. As in, have the page first load without any mask showing, and then over 2-3 seconds transition into displaying the page mask chosen.

Basically, the reverse of this.

.sm-page-hasbackground .sm-page-background .sm-page-background-mask.sm-page-background-mask-color-dark {
opacity: 0;
transition: 2s ease 1s;
}

This reduces the dark mask's opacity to 0 after it has taken effect. I want to start with no mask and transition to a mask. Does anyone know how to do this?

Thanks in advance :)

Emrys,
Noob Coder

https://www.dreamstreetportraits.com/

Tagged:

Comments

Sign In or Register to comment.