1. Huis
  2. Kenmerken
  3. Webpagina-elementen
  4. Rasterrepeaterelement
  5. Box Hover-animatie Voor Rasterrepeateritems

Hoe Grid Repeater Item op Box of Item hover te animeren?

Net als bij het Groepselement, kunt u Grid Repeater-items animeren op Group (Item) Hover. Daarbij kun je ook het Hover-animatie-effect toevoegen aan items, en ze zullen samenwerken. Ga naar het Eigenschappenpaneel, naar het gedeelte Animatie aan, stel indien nodig zowel Zweef- als Groepszweefanimatie-effecten in.
Leer meer

Bladeren op functiecategorieën

Webpagina-elementen
Ondersteunde systemen
Visuele pagina-editor
Ontwerp elementen
Mediabibliotheken
Elementeigenschappen
Snel reagerend
Animatie-effecten
Thema instellingen
Contact Formulier
Kop- en voettekst
Blog
E-commerce
SEO
Aangepaste code
Toepassingsfuncties:
Site- en pagina-eigenschappen
WordPress-widgets

Alles wat u nodig heeft om uw gratis website te maken

Gebruik onze Website Builder om websites te ontwerpen en te maken zonder codering. Sleep alles wat je wilt, naar elke gewenste plek. De Website Creator past uw website automatisch aan voor mobiel om deze responsive te maken. Kies uit meer dan 15,000 aanpasbare websitesjablonen.

Download voor Windows Download voor Mac

Gerelateerde functies:

Eigenschappen van kolommen en rijen

In het eigenschappenvenster kunt u de elementeigenschappen wijzigen. U kunt bijvoorbeeld de kolommen en rijen op één plaats wijzigen voor de rasterherhaler. Om de kolommen en rijen te wijzigen, gaat u naar de eigenschappenpanelen en sleept u de bijbehorende schuifregelaars om de eigenschapswaarden te wijzigen.
Multi-selectie naar rasterrepeater

U kunt meerdere geselecteerde elementen converteren naar een Grid Repeater. Het versnelt de ontwikkeling van blokken zoals functies, team, getuigenissen, enz. Selecteer meerdere elementen en klik vervolgens op het blauwe Plus-pictogram aan de linkerrand. Selecteer vervolgens de lay-out van de Grid Repeater.
Rasterrepeater Item Kloof

Met behulp van de Item Gap-eigenschap in het Eigenschappenpaneel kunt u de afstand tussen Grid Repeater-elementen wijzigen. Selecteer de Grid Repeater, ga naar het eigenschappenpaneel, zoek de eigenschap Item Gap en sleep de schuifregelaar om de afstand tussen de Grid Repeater-items te wijzigen.
Rasterrepeater Artikelkleuren

Met behulp van het Grid Repeater-element kunt u verschillende kleuren toepassen op de items en de ingesloten elementen. Ga daarvoor naar het Eigenschappenpaneel en schakel Alle items naar Item in de sectie "Stijl toepassen op". Stel vervolgens de kleuren in die nodig zijn voor uw webdesign-idee
Kolommen toevoegen aan rasterrepeater

U kunt eenvoudig het aantal kolommen wijzigen voor de rasterrepeater die in een blok wordt gebruikt. Klik op het blauwe Plus-pictogram aan de rechterkant van de Grid Repeater en selecteer vervolgens het aantal kolommen in de vervolgkeuzelijst. U kunt zowel oplopende als aflopende getallen kiezen.
Rasterrepeater naar carrousel

Carrouselschuifregelaars zijn erg populair in modern webdesign en meestal hebben carrouselitems dezelfde lay-out en itemsets. In Nicepage kunt u elke Grid Repeater eenvoudig omzetten in een Carousel door op de switcher-optie in het Eigenschappenpaneel te klikken.
Rijen toevoegen aan rasterrepeater

Net als bij het toevoegen van kolommen, kunt u het aantal rijen verhogen of verlagen door op het blauwe plus-pictogram onder aan de rasterrepeater te klikken. Nadat u de vervolgkeuzelijst ziet, kunt u het aantal vereiste rijen selecteren. U kunt zowel oplopende als aflopende getallen kiezen.

Gratis sjablonen met Rasterrepeaterelement

Ga aan de slag met onze beste sjablonen, ideaal voor elk bedrijf. Maak en pas ze aan met onze krachtige en gratis websitebouwer zonder code. Alle sjablonen zijn mobielvriendelijk en zien er op elk apparaat uitstekend uit.

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