Black Friday Sale! Save up to 50% off!
Nous devons maintenant éprouver des difficultés techniques. L'éditeur en ligne et les sites Web, à l'exception des sites avec le domaine personnalisé, ne sont pas disponibles. Nous travaillons dur pour résoudre ce problème.
  1. Domicile
  2. Caractéristiques
  3. Éléments de page Web
  4. Élément de la galerie d'images
  5. Animation De Survol Du Texte De La Galerie

Comment ajouter une animation au survol pour les textes de la galerie

Vous pouvez ajouter l'animation au survol pour les textes de la galerie, ce qui rend vos conceptions Web encore plus interactives et attrayantes pour les visiteurs du site Web. Sélectionnez la Galerie. Si la mise en page de la galerie contient des textes, accédez au panneau de propriétés. Ajoutez des textes, puis cliquez sur le lien Couche de texte dans la section Animation. Cliquez sur l'un des préréglages et personnalisez l'effet d'animation au survol si nécessaire.
Apprendre encore plus

Parcourir par catégories de fonctionnalités

Éléments de page Web
Systèmes pris en charge
Éditeur de pages visuelles
Éléments de design
Médiathèques
Propriétés des éléments
Sensible
Effets d'animation
Réglage des thèmes
Formulaire de contact
En-tête et pied de page
Blog
Commerce électronique
Référencement
Code personnalisé
Fonctionnalités de l'application
Propriétés du site et de la page
Widget WordPress

Tout ce dont vous avez besoin pour créer votre site Web gratuit

Utilisez notre Website Builder pour concevoir et créer des sites Web sans codage. Faites glisser et déposez tout ce que vous voulez, où vous le souhaitez. Le créateur de site Web adapte automatiquement votre site Web pour mobile afin de le rendre réactif. Choisissez parmi plus de 9 000 modèles de sites Web personnalisables.

Télécharger pour Windows Télécharger pour Mac

Fonctionnalités associées

Style de texte de la galerie
Style de texte de la galerie

Comme pour tout autre texte sur votre page Web, vous pouvez modifier les paramètres de police des textes de la galerie, à la fois le titre et le texte, séparément. Pour cela, sélectionnez une galerie, puis dans le panneau de propriétés à droite, cliquez sur le lien de style de texte. Dans le panneau suivant, modifiez les propriétés des textes et visualisez l'aperçu de vos modifications dans l'éditeur. Veuillez noter que vous devez disposer du texte de la galerie, que vous devez saisir dans les champs spéciaux.
Rayon de l'image de la galerie

Les images de la galerie peuvent avoir le rayon, ce qui rend vos galeries plus intéressantes et diversifiées. Pour activer le rayon pour les images de la galerie, sélectionnez la galerie, puis le style d'image dans le panneau de propriétés. Veuillez faire glisser le curseur de rayon ou entrer sa valeur pour réveiller les coins des images de la galerie.
Animation de survol de l'image de la galerie

La galerie est plus attrayante sur vos conceptions Web si elle interagit avec vos visiteurs. Par conséquent, vous pouvez l'ajouter sous la forme d'une animation au survol pour vos images de galerie. Sélectionnez votre galerie, puis accédez au panneau de propriétés. Cliquez sur le lien Image dans la section Animation et choisissez l'effet Animation au survol pour vos images de galerie dans le panneau suivant.
Écart de la galerie d'images

Les images de la galerie peuvent avoir des palettes et des couleurs similaires et il est parfois difficile de les distinguer sur une page Web. Vous pouvez facilement ajouter l'espacement entre les images de la galerie en augmentant l'écart dans le panneau des propriétés. Sélectionnez votre galerie, puis accédez au panneau de propriétés à droite et faites glisser le curseur de la propriété Gap.
Lightbox de la galerie d'images

L'option Image Lightbox vous permet d'agrandir une image de la galerie pour la prévisualiser en détail. Cette option est disponible pour la disposition en grille et activée par défaut. Toutefois, si vous devez désactiver ou réactiver cette propriété, vous pouvez sélectionner une galerie sur votre page Web, puis accéder au panneau de propriétés. Cliquez sur le lien Style d'image, puis cochez la case Image Lightbox dans le panneau suivant.
Texte de l'image de la galerie

Pour les mises en page de la galerie comme la légende et le curseur, vous pouvez ajouter le titre et le texte décrivant l'image de la galerie. Lorsque vos visiteurs cliquent sur le mode Image Lightbox, vous pouvez voir ces textes dans le mode Image Lightbox. Pour afficher les textes des images de la galerie, sélectionnez la galerie, puis modifiez sa disposition pour afficher les textes. Accédez au panneau de propriétés, puis saisissez des textes dans les champs spéciaux.
Modification de la disposition de la galerie

La galerie de Nicepage est un élément transformable, que vous pouvez facilement convertir en carrousel, curseur, curseur avec vignettes et curseur avec légendes. Sélectionnez n'importe quelle galerie dans un bloc et accédez au panneau de propriétés. Cliquez sur les icônes de propriété de mise en page pour appliquer le changement de mise en page.

Modèles gratuits avec Élément de la galerie d'images

Commencez avec nos meilleurs modèles, parfaits pour toute entreprise. Créez et personnalisez-les avec notre créateur de site Web puissant et gratuit sans code. Tous les modèles sont adaptés aux mobiles et ont fière allure sur n'importe quel appareil.

How To Apply The Hover Effects To The Gallery Texts

Your website gallery is the source of content for your visitors, so making it more attractive and dynamic is a good way to stimulate views. The most popular way is to apply image hover effects to your gallery images. However, in our page builder, you can add CSS hover effects with animations even to the text boxes of your image gallery. You can apply these effects by selecting your gallery by going to the Property Panel and the Animation section. Pick the Text Layer section and select the hover effect you want to apply to your gallery's text. When hovering over the text box, your visitors will see the smooth and laconic text hover effect, which duration you decide during the customization. These effects will be displayed on all mobile devices, regardless of screen size.

Your image gallery with the CSS beautiful hover effects is the key to the site visit improvements. With our collection of hover effects, you can make your site unique and memorable. Like Elementor page builder, you can also use WordPress themes with image hover effects from various WordPress themes, combining these captions hover effects into a unique structure. Also, a background image with CSS Image Hover effects will impress your users and visitors with its CSS image hover effects and image captions. The CSS3 hover effect hovering over images creates a beautiful image hover with pure CSS effects image caption hover animation. Any CSS3 fueled image hover effect can be customized and improved by the pure CSS image hover effect workbench.

The image hover effects can easily impress a person that will hover over the image in the gallery if the CSS3 hover effects have their place in it. Learn how the image hover effects can affect the image on hover and what image hover effects will look gorgeous on all mobile devices. Every CSS Image Hover effect applied to hover effects image on hover will freshen up that picture and the perspective of even the transition effects. Add some CSS image effects to every important part of your site so that image effects will not appear to be too random and become a part of the overall image hover effect.

Company
Product
Themes & Templates
Nicepage
Web Design