Créer un widget “Texte 3D” avec Elementor

Comment réaliser un Widget “Texte 3D” avec Elementor ?

Dans ce tutoriel, je vous montre comment réaliser un widget “Texte 3D” avec Elementor.
J’utilise ici l’extension Unlimited Elements qui permet de créer rapidement et simplement ses propres widgets pour Elementor.

➜ 100% sur PageSpeed Insights avec Elementor ? C’est possible !
Bientôt plus d’infos : Restez connectés !

➜ Intéressé(e) par l’acquisition d’Unlimited Elements en version Pro ?
Plus d’infos ici : https://r.freemius.com/4036/6511389/http://unlimited-elements.com/pricing

➜ Intéressé(e) par l’acquisition d’Elementor en version Pro ?
Plus d’infos ici : https://be.elementor.com/visit/?bta=221157&nci=5383

Ces liens sont affiliés : merci infiniment si vous les utilisez !

➜ Pour toute demande de prestation, vous pouvez me contacter via mon site internet : https://www.webinart.fr

Chapitres :

00:00 Introduction
01:11 Le widget “Text 3D” proposé nativement par Unlimited Elements
02:45 Création du nouveau Widget / import des codes CSS, HTML et JavaScript
04:25 Modification des codes CSS, HTML et JavaScript
08:30 Ajout des contrôles de base du widget dans Unlimited Elements
13:50 Ajout des contrôles pour l’effet 3D dans Unlimited Elements
17:50 Ajout des contrôles pour l’ombre (shadow) dans Unlimited Elements
22:55 Gestion de la profondeur de l’effet 3D avec JavaScript
29:32 Gestion du responsive de l’effet 3D avec JavaScript
34:20 Limitation des appels à la fonction JavaScript lors du resize avec un Throttle
39:20 Tests finaux du Widget
40:32 Conclusion

Musique utilisées dans la vidéo : Bibliothèque audio Youtube