The ability to create stunning visual effects is immense with Elementor. Web designers can execute their creative ideas faster than ever, and produce designs that would otherwise take much longer before Elementor arrived on the scene. In this article, we demonstrate a trick for the sticky scrolling effect, which creates the illusion of a mobile phone sliding down vertically until it overlaps with a second phone.
This effect was first presented in a web design speed art video we released earlier this week. This optical illusion continues on into the next section where the second mobile phone merges with the third and last one.
The guide is divided into five steps, following the page structure. We do not go into technical details such as font settings, but instead, focus on the main elements that help us create the sticky scrolling effect. The full technical details appear in the video itself.
Let’s get started!
After laying the foundations for a landing page — creating a page title, adding a new section with three columns, choosing and styling fonts — you will need to create the effect itself. Insert an image of a mobile phone into the central column. Then go to Edit
Source: https://managewp.org/articles/17865/create-a-sticky-scrolling-effect-using-elementor
source https://williechiu40.wordpress.com/2018/09/13/create-a-sticky-scrolling-effect-using-elementor/
No comments:
Post a Comment