1. Domicile
  2. Caractéristiques
  3. Éléments de page Web
  4. Élément de répéteur de grille
  5. Animation De Survol De Boîte Pour Les Éléments De Répéteur De Grille

Comment animer un élément de répéteur de grille sur une boîte ou un survol d'élément

Semblable à l'élément de groupe, vous pouvez animer des éléments de répéteur de grille lors du survol de groupe (élément). À cela, vous pouvez également ajouter l'effet d'animation de survol aux éléments, et ils fonctionneront ensemble. Accédez au panneau de propriétés, jusqu'à la section Animation activée, définissez les effets d'animation de survol et de groupe 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

Ajouter des colonnes au répéteur de grille

Vous pouvez facilement modifier le nombre de colonnes pour le répéteur de grille utilisé dans un bloc. Cliquez sur l'icône bleue Plus sur le côté droit du Grid Repeater, puis sélectionnez le nombre de colonnes dans la liste déroulante. Vous pouvez choisir à la fois d'incrémenter et de décrémenter des nombres.
Ajouter des lignes au répéteur de grille

Comme pour l'ajout de colonnes, vous pouvez augmenter et diminuer le nombre de lignes en cliquant sur l'icône bleue Plus en bas du répéteur de grille. Après avoir vu la liste déroulante, vous pouvez sélectionner le nombre de lignes requises. Vous pouvez choisir à la fois d'incrémenter et de décrémenter des nombres.
Grille Répéteur Au Carrousel

Les curseurs de carrousel sont très populaires dans la conception Web moderne, et généralement, les éléments de carrousel ont la même disposition et les mêmes ensembles d'éléments. Dans Nicepage, vous pouvez facilement convertir n'importe quel répéteur de grille en carrousel en cliquant sur l'option de commutateur dans le panneau de propriétés.
Couleurs des éléments du répéteur de grille

À l'aide de l'élément Grid Repeater, vous pouvez appliquer différentes couleurs à ses éléments et aux éléments qu'il contient. Pour cela, allez dans le panneau de propriétés et basculez Tous les éléments sur Élément dans la section "Appliquer le style à". Définissez ensuite les couleurs requises pour votre idée de conception Web
Écart d'élément de répéteur de grille

À l'aide de la propriété Item Gap dans le panneau de propriétés, vous pouvez modifier la distance entre les éléments répéteurs de grille. Sélectionnez le répéteur de grille, accédez au panneau de propriétés, recherchez la propriété Espace entre éléments et faites glisser son curseur pour modifier la distance entre les éléments de répéteur de grille.
Multi-sélection au répéteur de grille

Vous pouvez convertir plusieurs éléments sélectionnés en un répéteur de grille. Cela accélère le développement de blocs comme les fonctionnalités, l'équipe, les témoignages, etc. Sélectionnez plusieurs éléments, puis cliquez sur l'icône bleue Plus sur la bordure gauche. Ensuite, sélectionnez la disposition Grid Repeater.
Propriétés des colonnes et des lignes

Le panneau de propriétés vous permet de modifier les propriétés des éléments. Par exemple, vous pouvez modifier les colonnes et les lignes en un seul endroit pour le répéteur de grille. Pour modifier les colonnes et les lignes, accédez aux panneaux de propriétés et faites glisser les curseurs correspondants pour modifier les valeurs des propriétés.

Modèles gratuits avec Élément de répéteur de grille

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 Animate Your Grid Repeater Items Using Box Hover Effects

Our page builder has an advanced Grid Repeater that provides many possibilities to improve your page layout. To make your Grid items more interactive, you can animate them using hover effects. You can apply the hover effect animation to the Grid Group and the certain Grid Box, and both of those hover effects will work simultaneously. Enter the Property Panel of our page builder, go to the Animation On section of the menu, and click the Hover Animation Effects, Group Hover Effects, or both to activate the hover effects animation settings. You can one-click to pick the Animation from our library or upload your custom animation and apply it.

Our page builder helps you quickly drag and drop elements into the Grid to create a new way to display your content. Add text and images into your Group box and manage the content. Using your interactive layout slider, add the text animation and the image gallery with beautiful transitions. Click to copy some unique animated text features to your text box that will correlate with the background image, video background, and the background color section. It will not affect the page load but will add some special effects and dynamics to your page layouts.

The most popular and advanced site builder will provide different approaches to your layout construction decisions. Our page builder will answer how to build a product display section with a unique product style using additional content and some menu techniques. Our page builder will make your best content available on all mobile devices and let your mobile menu content reach your potential customers. Sign up for our page builder news to discover how many new features you can use in your site construction.

Company
Product
Themes & Templates
Nicepage
Web Design