Effets de survol pour Elementor


Effets de survol pour Elementor

Améliorez la conception de votre site Web avec de superbes effets de survol !

Ajoutez des effets de survol dynamiques et accrocheurs à votre site Web avec Hover Effects pour Elementor. Engagez vos visiteurs avec des transitions et des animations fluides et créatives.


Acheter maintenant

Conceptions créatives avec effets de survol pour Elementor

Transformez l’interactivité de votre site Web avec des effets de survol qui ajoutent des transitions dynamiques et un attrait visuel aux actions de survol.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_dfff2a0 * { box-sizing: border-box; } #uc_square_icon_box_elementor_dfff2a0{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_dfff2a0 .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_dfff2a0 .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_dfff2a0 .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_dfff2a0 .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_dfff2a0 .ue-icon-inner svg{ hauteur:1em; largeur : 1 em ; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_dfff2a0:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_dfff2a0 .ue_box_button { text-align:center; décoration de texte : aucune ; affichage : bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_dfff2a0 span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_dfff2a0:hover span.line { width:100%; } #uc_square_icon_box_elementor_dfff2a0 .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Conceptions copiées et collées

Transférez facilement des designs magnifiques et attrayants de notre site Web vers le vôtre avec un simple copier-coller.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_42f23ca * { box-sizing: border-box; } #uc_square_icon_box_elementor_42f23ca{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_42f23ca .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_42f23ca .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_42f23ca .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_42f23ca .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_42f23ca .ue-icon-inner svg{ hauteur:1em; largeur : 1 em ; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_42f23ca:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_42f23ca .ue_box_button { text-align:center; décoration de texte : aucune ; affichage : bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_42f23ca span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_42f23ca:hover span.line { width:100%; } #uc_square_icon_box_elementor_42f23ca .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Effets visuels attrayants

Hover Effects pour Elementor apporte des visuels interactifs pour captiver et engager les visiteurs de votre site Web.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_ec5776e * { box-sizing: border-box; } #uc_square_icon_box_elementor_ec5776e{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_ec5776e .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_ec5776e .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_ec5776e .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_ec5776e .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_ec5776e .ue-icon-inner svg{ hauteur:1em; largeur : 1 em ; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_ec5776e:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_ec5776e .ue_box_button { text-align:center; décoration de texte : aucune ; affichage : bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_ec5776e span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_ec5776e:hover span.line { width:100%; } #uc_square_icon_box_elementor_ec5776e .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Léger et optimisé

Les effets de survol pour Elementor sont conçus pour des temps de chargement rapides, maintenant ainsi les performances de votre site élevées.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_c62d354 * { box-sizing: border-box; } #uc_square_icon_box_elementor_c62d354{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_c62d354 .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_c62d354 .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_c62d354 .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_c62d354 .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_c62d354 .ue-icon-inner svg{ hauteur:1em; largeur:1em; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_c62d354:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_c62d354 .ue_box_button { text-align:center; décoration de texte : aucune ; affichage : bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_c62d354 span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_c62d354:hover span.line { width:100%; } #uc_square_icon_box_elementor_c62d354 .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Entièrement adapté aux mobiles

Adaptables à n’importe quelle taille d’écran, Hover Effects pour Elementor garantit une expérience transparente sur tous les appareils.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_94c861f * { box-sizing: border-box; } #uc_square_icon_box_elementor_94c861f{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_94c861f .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_94c861f .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_94c861f .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_94c861f .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_94c861f .ue-icon-inner svg{ hauteur:1em; largeur:1em; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_94c861f:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_94c861f .ue_box_button { text-align:center; décoration de texte : aucune ; display:bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_94c861f span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_94c861f:hover span.line { width:100%; } #uc_square_icon_box_elementor_94c861f .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Interactions dynamiques

Les effets de survol pour Elementor activent des éléments dynamiques et interactifs qui rendent la navigation sur votre site plus amusante.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_e7e8c16 * { box-sizing: border-box; } #uc_square_icon_box_elementor_e7e8c16{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_e7e8c16 .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_e7e8c16 .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_e7e8c16 .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_e7e8c16 .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_e7e8c16 .ue-icon-inner svg{ hauteur:1em; largeur : 1 em ; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_e7e8c16:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_e7e8c16 .ue_box_button { text-align:center; décoration de texte : aucune ; display:bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_e7e8c16 span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_e7e8c16:hover span.line { width:100%; } #uc_square_icon_box_elementor_e7e8c16 .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Options de conception polyvalentes

Choisissez parmi différents effets de survol pour Elementor pour ajouter de la créativité à votre site Web Elementor.

Foire aux questions

/* widget : Accordéon de contenu */ #uc_content_accordion_elementor_edfe131 *{ box-sizing: border-box; } #uc_content_accordion_elementor_edfe131 .uc_ac_box{ overflow:hidden; } #uc_content_accordion_elementor_edfe131 .ue_heading_title{ margin:0; croissance flexible : 1 ; affichage:flex; flex-direction:rangée; } #uc_content_accordion_elementor_edfe131 .uc_container .uc-heading{ display:flex; align-items:center; débordement : caché ; curseur:pointeur; } #uc_content_accordion_elementor_edfe131 .uc_container .uc_content{ display:none; } #uc_content_accordion_elementor_edfe131 .uc_container .uc-heading span.ue_accordion_icon{ display:flex; align-items:center; justifier-content:center; flex-croissance : 0 ; flex-rétrécissement : 0 ; } #uc_content_accordion_elementor_edfe131 .uc_ac_box.uc-item-active span.uc_dactive{ display:none; } #uc_content_accordion_elementor_edfe131 .uc_ac_box:not(.uc-item-active) span.uc_active{ display:none; } #uc_content_accordion_elementor_edfe131 span.ue_accordion_icon svg{ hauteur:1em; largeur:1em; } #uc_content_accordion_elementor_edfe131 .uc_container .uc_btn { text-align: center; affichage : bloc en ligne ; décoration de texte : aucune ; transition : entrée et sortie faciles toutes les 0,25 s ; } #uc_content_accordion_elementor_edfe131 .ue-item-image img{ width:100%; affichage:bloc; ajustement de l’objet : couverture ; }


Les effets de survol pour Elementor sont-ils gratuits ?

Certains effets de survol sont gratuits et d’autres sont disponibles dans la version Pro. Chaque vignette de widget comporte une étiquette indiquant s’il est gratuit ou Pro.


Les effets de survol pour Elementor SEO sont-ils optimisés ?

Oui, tous nos widgets sont optimisés pour le référencement pour vous aider à améliorer la visibilité et le classement de votre site Web dans les moteurs de recherche.


Les effets de survol pour la vitesse d’Elementor sont-ils optimisés ?

Oui, nos widgets sont conçus dans un souci de performance. Nous veillons à ce qu’ils soient légers et optimisés pour que votre site Web reste rapide et réactif.


Existe-t-il des mises à jour régulières pour les effets de survol ?

Oui, nous mettons continuellement à jour nos widgets pour garantir la compatibilité avec la dernière version d’Elementor et WordPress, ainsi que pour ajouter de nouvelles fonctionnalités et améliorations.


Le support est-il disponible pour les effets de survol ?

Oui, nous prenons en charge tous les widgets, avec une prise en charge prioritaire pour les utilisateurs Pro. Si vous avez besoin d’aide, notre équipe d’assistance est prête à vous aider à tirer le meilleur parti de vos widgets.

{“@context”:”https:\/\/schema.org”,”@type”:”FAQPage”,”mainEntity”:[{“@type”:”Question”,”name”:”Are the Hover Effects for Elementor free?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Some Hover Effects are free, and others are available in the Pro version. Each widget thumbnail has a label indicating whether it\u2019s free or Pro.”}},{“@type”:”Question”,”name”:”Are the Hover Effects for Elementor SEO optimized?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, all our widgets are SEO optimized to help improve your website\u2019s visibility and ranking in search engines.”}},{“@type”:”Question”,”name”:”Are the Hover Effects for Elementor speed optimized?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, our widgets are designed with performance in mind. We ensure they\u2019re lightweight and optimized to keep your website fast and responsive.”}},{“@type”:”Question”,”name”:”Are there regular updates for the Hover Effects?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, we continuously update our widgets to ensure compatibility with the latest version of Elementor and WordPress, as well as to add new features and improvements.”}},{“@type”:”Question”,”name”:”Is support available for the Hover Effects?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, we provide support for all widgets, with priority support for Pro users. If you need assistance, our support team is ready to help you make the most of your widgets.”}}]}



web Design

Web Developer

Comments are closed, but trackbacks and pingbacks are open.