Como dimensionar um elemento ao passar o mouse em uma caixa ou célula de grade

Dimensionar elementos ou redimensionar proporcionalmente ao passar o mouse pode ser um efeito de animação interessante que pode impressionar seus visitantes. Você pode escolher Scale Preset e então modificar as propriedades do Hover On Group no Property Panel clicando no link correspondente. Para testar, clique em algum lugar no Bloco e passe o mouse.

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

How To Scale An Element While Hovering The Group

Scale or Zoom effects are one of the most popular hover effects today, which allows us to change the size of the items. Our service will enable you to easily create the image (like CSS) zoom effect and create wonderful pages. People use pure CSS zoom effect but use modern services to create mouse hovers using very simple tools. You will learn how to make elements zoom effects when a user hovers over the group with us. You can control the zoom of an image hover zoom effect and transform it. Like the CSS image hover zoom animation, our effect allows you to zoom up several times the original size of the item.

If you don't know how to make a zoom effect, visit Nicepage, and here you will find all the necessary instruments to create a wonderful design using the mouse hover effect. With it, you can (like CSS) transform property and setting easily and get a unique design. Similar to the CSS transform property changing process, with us, you can very simple change settings and rotate, move, zoom, and transform web design items. It is a very useful feature, even if the user wants to skip to content and don't waste time. We allow you to transform items on the X or Y-axis like CSS transitions.

Hover effects for the group elements can attract users when they mouse hover on the group, and the item changes size. Many people with CSS transform zoom properties, so you can use our service instead of him, which allows you to change every transition property. This animation enables to zoom up the element (like the CSS) when the users' mouse hover over the group of items. Like the CSS zoom animation, the zoom effect can make items more dynamic and responsive if you don't know how to Zoom-in (without CSS) or zoom-out items. This effect will make it easy. Open our website, select the item, then add the hover effect, in this case, zoom, and in a few seconds, your element is ready.