Como dimensionar o elemento ao passar o mouse
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 Use Scale Hover Effect While Creating Responsive Web Design
Many developers look for flexible and appealing animations for their sites, similar to HTML basic transition and effect of pure CSS. Yet not everyone can create different animations that will draw the user's attention, especially without professional skills. Yet, if you want to get a similar effect, hover the pure CSS, but without learning how to code and use CSS transform property works. Then you can use our modern responsive site builder. Create your site which contains different animations and hover effect features that will make your content stand out among other designs.
Our builder provides various hover effect animations, so you can choose the text animation transition or transform scale images on hover. The last one is a very effective hover effect, yet not all users even realize it is there. A simple example, the user hovers over an icon or a button, and this hover effect will slightly enlarge those elements to reflect the reaction from the cursor. It may sound simple, yet it has a tremendous impact on the visitors. Select your element, go to animations on section, choose hover, and below the check box, you will find a scale elements slider. The basic or original size is 100. You can enlarge it 10 times the original size using this slider.
It is similar to the CSS image hover zoom effect will create a dynamic atmosphere that will stimulate your site visitors to explore other elements and hover over them. It may even prevent them from wanting to skip to content immediately and stay on the page. Experiment with our hover effect to form your own style to make your site memorable and unique. Like when you create pure CSS, one effect can be applied to only one image, so there are no automatic hover zoom effects.