Categories
Website Design

How To Add A Parallax Scrolling Effect in WordPress [Video]

How To Add A Parallax Scrolling Effect in WordPress

๐—š๐—ฒ๐˜ ๐—˜๐—น๐—ฒ๐—บ๐—ฒ๐—ป๐˜๐—ผ๐—ฟ ๐—ฃ๐—ฟ๐—ผ ๐—ฃ๐—น๐˜‚๐—ด๐—ถ๐—ป โžœ https://elementor.com/pricing/?ref=1790&campaign=YTvideo-Parallax

๐—–๐—ต๐—ฒ๐—ฐ๐—ธ๐—ผ๐˜‚๐˜ ๐—ผ๐˜‚๐—ฟ ๐—ฒ๐˜…๐—ฐ๐—น๐˜‚๐˜€๐—ถ๐˜ƒ๐—ฒ ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ โžœ https://websitelearners.com/wordpress-course

๐—š๐—ฒ๐˜ ๐˜๐—ต๐—ฒ ๐—™๐—ฎ๐˜€๐˜๐—ฒ๐˜€๐˜ ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€ ๐—›๐—ผ๐˜€๐˜๐—ถ๐—ป๐—ด โžœ https://webspacekit.com

๐—›๐—ผ๐˜„ ๐˜๐—ผ ๐— ๐—ฎ๐—ธ๐—ฒ ๐— ๐—ผ๐—ป๐—ฒ๐˜† ๐˜„๐—ถ๐˜๐—ต ๐˜†๐—ผ๐˜‚๐—ฟ ๐˜„๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ โžœ https://websitelearners.com/ebook/top-5-ways-to-monetize-your-website/

๐—ฉ๐—ผ๐˜๐—ฒ ๐—ณ๐—ผ๐—ฟ ๐—ผ๐˜‚๐—ฟ ๐—ป๐—ฒ๐˜…๐˜ ๐˜ƒ๐—ถ๐—ฑ๐—ฒ๐—ผ โžœ https://topics.websitelearners.com/websitelearners

๐—ฃ๐—ผ๐˜€๐˜ ๐—œ๐˜€๐˜€๐˜‚๐—ฒ๐˜€ ๐—›๐—ฒ๐—ฟ๐—ฒ โžœ https://wltalk.com/post/263626050

Parallax scrolling is a design concept that gives the illusion that elements on a page are moving at different speed & direction. It provides a 3D-like effect. And adds depth to a website by creating a visual illusion.

In this video you will learn how to add parallax scrolling, to your website in just 3 steps,

So let’s get started!

๐—ง๐—ฎ๐—ฏ๐—น๐—ฒ ๐—ผ๐—ณ ๐—ฐ๐—ผ๐—ป๐˜๐—ฒ๐—ป๐˜๐˜€ :

00:00 Intro
00:47 Get the Elementor Pro Plugin

01:52 Install the Plugin

03:07 Add the scrolling effects to your site

08:11 Add mouse effect to images

09:34 Add fixed background with moving content

Step 1: Get the Elementor Pro Plugin

Click โž” https://elementor.com/pricing/?ref=1790&campaign=YTvideo-Parallax

It will take you to Elementor pro plugin page.

Now choose your plan & click โ€˜buy nowโ€™

Create your account and make purchase.

Once you have purchased the plugin,

Just click โ€˜Downloadโ€™, to download the plugin.

Step 2: Install the Plugin

Go to WordPress dashboard โ–บ Plugins โ–บ Add new

Now click โ€˜Uploadโ€™, & drag and drop Elementor plugin from your computer.

And click Install & Activateโ€™.

In order to use plugin, click โ€˜Connect & activateโ€™.

Step 3: Add the Scrolling Effects to your Site

Go to your site, to add scrolling effect click โ€˜Edit with Elementorโ€™,

To add scrolling effect to image, click on the image.

Go to Advance โ–บ Motion Effects and turn on โ€˜scrolling effectsโ€™.

Now select the scrolling effect you want to add,

And then adjust the speed and direction of the effect.

You can also adjust view port for making the images inside the section.

Like wise, you can add scrolling effect to any text or images on your site.

To add fade in effect, click โ€˜Transparencyโ€™ and adjust the view port.

Next, to add mouse effect to the image, click on the image

Go to Advance โ–บ Motion effect, and enable โ€˜Mouse effectโ€™

You can add 3d effect by selecting โ€˜3D tiltโ€™ & adjust the effect.

Next, To add fixed background effect with moving content

Just click on the section, click โ€˜style & Attachmentโ€™, And select fixed.

To add scrolling effect, enable scrolling and select your effect.

Once youโ€™re done making changes, click โ€˜Updateโ€™.

So thatโ€™s it, guys.

This is how you can add (parallax) scrolling effects to your site.

——————————
๐Ÿ“ข ๐—ง๐—ต๐—ฒ ๐—ง๐—ผ๐—ผ๐—น๐˜€ ๐˜„๐—ฒ ๐˜‚๐˜€๐—ฒ:

๐—š๐—ฒ๐˜ ๐˜๐—ต๐—ฒ ๐—ฏ๐—ฒ๐˜€๐˜ ๐˜๐—ผ๐—ผ๐—น๐˜€ ๐—ณ๐—ผ๐—ฟ ๐˜†๐—ผ๐˜‚๐—ฟ ๐˜„๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ โžœ https://websitelearners.com/tools/

๐—ฉ๐—ถ๐—ฑ๐—ฒ๐—ผ ๐—š๐—ฒ๐—ฎ๐—ฟ ๐—ช๐—ฒ ๐—จ๐˜€๐—ฒ โžœ https://kit.co/websitelearners/video-gear-we-use/

๐—ข๐˜‚๐—ฟ ๐—ฉ๐—ถ๐—ฑ๐—ฒ๐—ผ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ป๐—ด ๐—ง๐—ผ๐—ผ๐—น โžœ https://bit.ly/2Od546p

๐Ÿ™Œ ๐—ข๐—ณ๐—ณ๐—ถ๐—ฐ๐—ถ๐—ฎ๐—น๐—น๐˜†:

๐—ช๐—ฒโœ๐—ฟ๐—ฒ ๐—›๐—ถ๐—ฟ๐—ถ๐—ป๐—ด: https://websitelearners.com/careers/

Want your website developed by us? Email us your requirements to contact@websitelearners.com

๐Ÿ’ฌ ๐—™๐—ผ๐—น๐—น๐—ผ๐˜„ & ๐—–๐—ต๐—ฎ๐˜ ๐˜„๐—ถ๐˜๐—ต ๐˜‚๐˜€:

๐—œ๐—ป๐˜€๐˜๐—ฎ๐—ด๐—ฟ๐—ฎ๐—บ: https://www.instagram.com/websitelearners/

๐—™๐—ฎ๐—ฐ๐—ฒ๐—ฏ๐—ผ๐—ผ๐—ธ: https://www.facebook.com/websitelearners/

๐—ง๐˜„๐—ถ๐˜๐˜๐—ฒ๐—ฟ: https://twitter.com/websitelearners/

Watch/Read More
Categories
Website Design

How to build a video playlist using Webflow

Join host Nelson Abalos Jr for a Build with me (BWM) session. We’ll learn how to create a video playlist page just like the Webflow University course page ( https://university.webflow.com/courses/21-day-portfolio-course?video=eh4dWMtULrg ) Finsweet CMS Tabs: https://finsweet.com/attributes/cms-tabs jquery.scrollTo: https://github.com/flesler/jquery.scrollTo Clone this project: Link TBA ---------- Chapters ... ---------- Get started with Webflow: https://wfl.io/2r7cVUW Join the Webflow Community: https://webflow.com/community https://webflow.com https://twitter.com/webflow https://facebook.com/webflow

Categories
Website Design

TOP 5 Best Fleet Maintenance Software That Boost Business [Video]

TOP 5 Best Fleet Maintenance Software That Boost Business 00:01 Intro 01:20 What is fleet maintenance software 03:00 What are the main features of fleet maintenance software 06:51 How can fleet maintenance software help a transportation business 07:32 Can fleet maintenance software be customized to meet the needs of a specific business 09:26 TOP 5 best fleet maintenance software 12:41 Outro Fleet maintenance is the process of regularly inspecting, repairing, and servicing vehicles and equipment in a company's fleet. This can include tasks such as oil changes, tire rotations, brake inspections, and general safety checks. The goal of fleet maintenance is to keep vehicles and equipment in good working condition, minimize downtime, and extend the lifespan of the fleet. A fleet maintenance program can help a business save money in the long run by preventing costly repairs and prolonging the life of their vehicles. CONTACTS: 🔥 E-mail: d.ubsteplers⭐️gmail.com 🔥 Telegram: al_na14p