Créer un impact visuel : effet de tête de train roulant Elementor et animation interactive Watermelon Blast

L'effet de défilement d'une séquence vidéo (également connu sous le nom de Elementor Train scrolling head) a tiré parti de la Animation GSAP répondre en chantant Technologie interactive à défilementqui offre à l'utilisateur une expérience dynamique et visuellement étonnante. Par exemple, vous pouvez concevoir un effet d'explosion de pastèque. Lorsque l'utilisateur fait défiler la page, l'écran d'explosion de la pastèque s'affiche, et lorsque vous faites glisser le curseur vers le haut, la pastèque qui a explosé revient à son état initial. Cet effet d'animation interactif attire non seulement l'attention des utilisateurs, mais renforce également le caractère ludique et l'engagement du site web.

Scénarios d'application :

Publicité créativeConvient aux pages de marque qui présentent les publicités créatives et interactives uniques de la marque par le biais de séquences vidéo défilantes qui captent l'attention de l'utilisateur.

Vitrine artistiqueLe site web de l'artiste : Idéal pour les sites web d'artistes ou de designers, présentant le travail avec des effets dynamiques pour améliorer l'attrait visuel et l'immersion.

commercialisation des produitsL'effet de gonflement de la pastèque, par exemple, permet aux utilisateurs de voir la dynamique du produit et renforce le désir d'achat.

Divertissements et jeuxCe site convient aux entreprises de divertissement ou aux développeurs de jeux. Il utilise l'effet de défilement pour montrer de merveilleuses scènes de jeux ou des effets spéciaux afin d'attirer les amateurs de jeux.

Interaction éducativeLe logiciel d'aide à l'apprentissage : Il démontre les éléments clés du processus d'apprentissage avec des effets dynamiques, aidant les utilisateurs à mieux comprendre des concepts complexes grâce à des séquences vidéo interactives.

Adresse de démonstration :https://demo-show.361sale.com/elementor-effects-2

Adresse de téléchargement du fichier ↓

Après avoir cliqué sur Get Download File, vous obtiendrez un fichier.

Veillez à ce quemontageIl est déjà installé.Elementor Free Edition et Elementor Pro Edition. SeulementVersion Pro d'Elementoralors seulementImportation de modèlesFonction.

La partie arrière du site trouvepage webCliquez pour ajouternouvelle page. Comme illustré ci-dessus :

commencer à utiliserÉditeur Elementor. Comme illustré ci-dessus :

Cliquez sur pour ajouter le fichier à côté duicône (informatique)C'est-à-dire.pochoir. Comme illustré ci-dessus :

Cliquez sur le coin supérieur droit de l'écrantéléchargerpuis cliquez sur le boutonSélectionnez un fichierSélectionnez ensuite le fichier local que vous venez deFichiers téléchargés. Comme indiqué ci-dessus.

Retournez ensuite dans Mes modèles pour voir le modèle que nous venons d'importer et cliquez sur le boutonavant-premièresVisualisez l'effet, puis sélectionnezbâton. Comme indiqué ci-dessus.

Visualisez les résultats une fois l'importation terminée, il est possible que l'importation ne soit pas terminée.pied de pagerépondre en chantantpieds de pageIl est alors nécessaire de choisir lepochoirEn haut.

Cliquez sur le modèle que nous venons d'importer dans la fenêtrepage webpuis cliquez surcompilateur. Comme illustré ci-dessus :

Sélectionnez le modèle et choisissezélémentaire toileJ'ai choisi celui-ci parce queL'en-tête et le pied de page ne s'affichent pasL'écran n'affiche que leContenu du modèle. Comme indiqué ci-dessus.

en même tempsModifier des pages avec elmentorSélectionParamètres du siteDans la sélection desouverture (jargon des échecs). Comme illustré ci-dessus :

Veillez également à ce que la même chose soitElementorModèle de toile. De cette manière, il n'y aura pas dele resteContenu. Comme ci-dessus :

Veuillez fermerEn-têtes et pieds de pageÀ l'intérieur, après avoir cliqué surnestleL'intérieur est illustré ci-dessus :