Jak změnit měřítko prvku při najetí myší

Změna měřítka může vypadat jako nejpřirozenější reakce na kurzor. Proto může být velmi populární. Scale On Hover můžete snadno přidat na svůj web. Za tímto účelem přidejte nebo vyberte prvek a poté přejděte na panel vlastností. Klikněte na odkaz Hover v části Animation On a zaškrtněte políčko Hover. Přejděte dolů na vlastnosti Měřítko, Otočit a Přesunout. Skutečná velikost je rovna 100.

Browse By Feature Categories

Everything You Need To Create Your Free Website

Pomocí našeho nástroje Website Builder můžete navrhovat a vytvářet webové stránky bez kódování. Přetáhněte vše, co chcete, na jakékoli místo, kde to chcete. Tvůrce webových stránek automaticky přizpůsobí váš web pro mobilní zařízení tak, aby reagoval. Vybírejte z více než 9 000 přizpůsobitelných šablon webových stránek.

Related Features

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.