{"id":88767,"date":"2022-09-28T17:51:26","date_gmt":"2022-09-28T15:51:26","guid":{"rendered":"https:\/\/rmarketingdigital.com\/elementor\/efectos-de-desplazamiento-escala\/"},"modified":"2020-09-19T16:07:13","modified_gmt":"2020-09-19T19:07:13","slug":"efectos-de-desplazamiento-escala","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/elementor\/efectos-de-desplazamiento-escala\/","title":{"rendered":"Scroll Effects: Scale"},"content":{"rendered":"
\n
\n

Set any item to scale<\/strong> (grow or shrink) as the user scrolls up or down the page.<\/p>\n

\"scale\"<\/p>\n

<\/h3>\n

<\/p>\n

Advanced or Style> Background<\/h3>\n

Motion effects<\/h4>\n
    \n
  1. Scroll Effects<\/strong>: Slide to ON<\/li>\n
  2. Scale<\/strong>: Click the pencil edit icon
    Direction<\/strong>: Choose from Scale Up, Scale Down, Scale Up, or Scale Down<\/span>
    Speed<\/strong>: Sets the scaling speed from 0 to 10<\/span>
    Viewport<\/strong>: Determines when to start the effect, based on the height of the viewport (the visible size of the device screen). For example, if the viewport value is set between 50 and 100, the effect starts only after you move half the height of the viewport.<\/span><\/li>\n
  3. Anchor point X<\/strong>: Choose the horizontal axis from which the element will be scaled, selecting from Left, Center or Right<\/li>\n
  4. Anchor point Y<\/strong>: Choose the vertical axis from which the element will be scaled, selecting from Top, Center, or Bottom<\/li>\n
  5. Apply effects on<\/strong>- Select this option to apply motion effects on desktop, tablet and \/ or mobile devices.<\/li>\n
  6. Effects Relating to<\/strong>: Choose from Default, View, or Full Page<\/li>\n<\/ol>\n

    Note<\/strong>: The two settings, X and Y Anchor Points, determine the axis around which the item is scaled. If you set the top-left orientation, the scale will occur from the top-left point of the item. If you set the center-to-center orientation, the scale will occur from its center.<\/p>\n