This content originally appeared on Codrops and was authored by Mary Lou
Some time ago, we explored a cover page transition that would hide some initial content and show another level of content, i.e. “unreveal” it. Today I’d love to share some more ideas for showing another page or preview, including one that uses CSS clip-path to achieve the effect.
This is our initial view:
When clicking on an item, we hide the current content by covering it with an expanding circle. Then uncover the preview by expanding a clip-path. This is the next view:
And this is how it all looks in action:
There are three different effects. Hope you enjoy them and find them useful!
Thanks for checking by!
This content originally appeared on Codrops and was authored by Mary Lou
Mary Lou | Sciencx (2022-11-01T08:39:21+00:00) Unreveal Effects for Content Previews. Retrieved from https://www.scien.cx/2022/11/01/unreveal-effects-for-content-previews/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.