Como animar o item do repetidor de grade na caixa ou foco do item

Semelhante ao elemento de grupo, você pode animar itens do repetidor de grade ao passar o mouse do grupo (item). Com isso, você também pode adicionar o efeito de animação de foco aos itens, e eles funcionarão juntos. Vá para o painel de propriedades, até a seção Animação em, defina os efeitos de animação Hover e Group Hover, se necessário.

Navegue por categorias de recursos

Tudo que você precisa para criar seu site gratuito

Use nosso Construtor de Sites para projetar e criar sites sem codificação. Arraste e solte o que quiser, para qualquer lugar que quiser. O Criador de sites adapta automaticamente seu site para dispositivos móveis para torná-lo responsivo. Escolha entre mais de 9.000 modelos de sites personalizáveis.

Recursos Relacionados

Modelos grátis com Elemento Repetidor de Grade

Comece com nossos melhores modelos, ótimos para qualquer negócio. Crie e personalize-os com nosso poderoso e gratuito construtor de sites sem código. Todos os modelos são compatíveis com dispositivos móveis e têm uma aparência excelente em qualquer dispositivo.

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.