(855)-537-2266 sales@kerbco.com

Infografik mit Elementor Motion Effects & CSS animieren ► Gutscheine auf WordPress & Elementor Kurse von WPC: https://wpconsultant.de/angebote-gutscheine-auf-wordpress-themes-und-plugins/#wordpress-kurse

#elementor #sticky #scrollinginternet

▬▬ WordPress lernen: ▬▬▬▬▬▬▬▬

► WordPress & Elementor PREISWERT LERNEN mit den Kursen von WPC zum Top-Preis: https://wpconsultant.de/angebote-gutscheine-auf-wordpress-themes-und-plugins/#wordpress-kurse

► WordPress & Elementor EFFEKTIV LERNEN mit dem LIVE Online Training von WPC: https://wpconsultant.de/wordpress-lernen-online/

▬▬ Custom CSS Code aus dem Tutorial: ▬▬▬▬▬▬▬▬

.box2, .box3{
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 1.5s linear;
}

.section-2.elementor-sticky–active .box2{
visibility: visible;
opacity: 1;
}

.section-3.elementor-sticky–active .box3{
visibility: visible;
opacity: 1;
}

.ring2, .ring3{
visibility: hidden;
transition: all 1s ease-in;
-webkit-transform: rotate(0deg) scale(0.1);
transform: rotate(0deg) scale(0.1);
}

.section-2.elementor-sticky–active .ring2{
visibility: visible;
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}

.section-3.elementor-sticky–active .ring3{
visibility: visible;
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}

▬▬ Über diesen Kanal: ▬▬▬▬▬▬▬▬

Herzlich Willkommen auf meinem YouTube Kanal! Meine Name ist Danijel von WPC (wpconsultant.de). Ich bin WordPress Trainer und Udemy Online Dozent. Auf meinem YouTube Kanal geht es in erster Linie um WordPress & Elementor. Du findest hier aber auch hilfreiche Tutorials über SEO und DSGVO.

► Bestseller Online Kurse von WPC auf Udemy: https://www.udemy.com/user/547d82d8dfdfe/

▬▬ Inhaltsangabe (Zeitstempel): ▬▬▬▬▬▬▬▬

1. Vorstellung der Infografik, die wir erstellen werden (00:50)
2. Methode ohne Sticky Funktion: Infografik mit Scrolling Effekten animieren (05:30)
3. Elementor Seite als Template speichern (17:38)
4. Methode mit Sticky Funktion: Infografik mit Custom CSS animieren (18:00)
5. Unterschiedliche Möglichkeiten, in Elementor CSS Code einzufügen (25:55)
6. Elementor Designs mit Scrolling Effekten für mobile Geräte optimieren (34:17)
7. Bessere Performance für die Infografik ohne Sticky Funktion (36:00)
8. Extra-Tipp: Design “Hide on mobile” bei der Erstellung ausblenden (37:00)

▬▬ Vielen Dank für deine Unterstützung: ▬▬▬▬▬▬▬▬

Wenn du mich und meine Arbeit unterstützen möchtest und über die Anschaffung der folgenden Themes und Plugins bzw. Hosting nachdenkst, wäre ich dir sehr dankbar, wenn du einen der folgenden Affiliate Partner Links für den Kauf verwenden würdest:

Bestes WordPress Hosting:
► https://www.hostpress.de/?aff=36 *

Beste WordPress Plugins:
► WP Rocket: https://shareasale.com/r.cfm?b=1075949&u=2341856&m=74778&urllink=&afftrack= *
► ShortPixel: https://shortpixel.com/otp/af/2HZSUY6119945 *

Beste Elementor Addons:
► Elementor Pro: https://be.elementor.com/visit/?bta=1569&nci=5349 *
► Crocoblock Plugins: https://crocoblock.com/plugins/?ref=359 *
► Premium Addons: https://premiumaddons.com/?ref=113 *
► Ultimate Addons for Elementor: https://uaelementor.com/?bsf=679 *
► Happy Addons: https://happyaddons.com/?ref=71 *

Beste Elementor Themes:
► Astra Pro: https://wpastra.com/?bsf=679 *
► OceanWP: https://oceanwp.org/core-extensions-bundle/?ref=79 *
► Kadence Theme: https://kadence-theme.com/premium/?ref=743 *
► GeneratePress: https://generatepress.com/premium/?ref=2061 *

Ich danke dir vielmals für deine Unterstützung! ♥♥♥

▬▬ Mehr WordPress & Elementor Tutorials: ▬▬▬▬▬▬▬▬

► ELEMENTOR: https://wpconsultant.de/wordpress-elementor-tutorials-deutsch/
► WORDPRESS: https://wpconsultant.de/artikeltypen/wordpress-tutorials/

▬▬ Über WPC: ▬▬▬▬▬▬▬▬

► Über WPC: https://wpconsultant.de/ueber-wpc/
► Impressum: https://wpconsultant.de/impressum

* = Affiliate Partner Links