How TO - Zoom on Hover

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP





googletag.cmd.push(function() googletag.display('div-gpt-ad-1422003450156-2'); );



How TO - Zoom on Hover



❮ Previous
Next ❯

Learn how to zoom/scale an element on hover with CSS.



Zoom on Hover


Hover over the green box:





How To Zoom on Hover



Example



<style>
.zoom
    padding: 50px;
   
background-color: green;
    transition: transform .2s; /*
Animation */
    width: 200px;
    height:
200px;
    margin: 0 auto;


.zoom:hover
    transform:
scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside
of the viewport) */

</style>

<div class="zoom"></div>

Try it Yourself »


Tip: Go to our CSS Transform Tutorial to learn
more about how to scale elements.





❮ Previous
Next ❯

-

Popular posts from this blog

California

Image
Clash Royale CLAN TAG #URR8PPP For other uses, see California (disambiguation). State of California Flag Seal Nickname(s): The Golden State Motto(s): Eureka [1] State song(s): " I Love You, California " Official language English Spoken languages Native languages as of 2007 English 57.4% [2] Spanish 28.5% [3] Chinese 2.8% [3] Filipino 2.2% [3] Demonym Californian Capital Sacramento Largest city Los Angeles Largest metro Greater Los Angeles Area Ranked 3rd  • Total 163,696 sq mi (423,970 km 2 )  • Width 250 miles (400 km)  • Length 770 miles (1,240 km)  • % water 4.7  • Latitude 32°32′ N to 42° N  • Longitude 114°8′ W to 124°26′ W Population Ranked 1st  • Total 39,536,653 (2017 est.) [4]  • Density 240/sq mi  (92.6/km 2 ) Ranked 11th  • Median household income $66,636 ...
Read more

New York City

Image
Clash Royale CLAN TAG #URR8PPP "NYC" and "New York, New York" redirect here. For other uses, see New York City (disambiguation); NYC (disambiguation); and New York, New York (disambiguation). Largest city in the United States Megacity in United States New York City Megacity City of New York Clockwise, from top: Midtown Manhattan, Times Square, the Unisphere in Queens, the Brooklyn Bridge, Lower Manhattan with One World Trade Center, Central Park, the headquarters of the United Nations, and the Statue of Liberty Flag Seal Wordmark Nickname(s): See Nicknames of New York City Location within the U.S. state of New York New York City Location in the contiguous United States and New York Show map of the US New York City New York City (New York) Show map of New York Coordinates: 40°42′46″N 74°00′21″W  /  40.7127°N 74.0059°W  / 40.7127; -74.0059 Coordinates: 40°42′46″N 74°00′21″W  ...
Read more

CNN

Image
Clash Royale CLAN TAG #URR8PPP This article is about the channel. For other uses, see CNN (disambiguation). American news channel CNN Launched June 1, 1980 ; 38 years ago  ( 1980-06-01 ) Owned by Turner Broadcasting System Picture format 1080i (HDTV) (480i letterboxed for SDTV feed) Slogan Go There This is CNN The Most Trusted Name in News Facts First The Worldwide Leader in News Reporting from around the World Country United States Language English Broadcast area United States Canada Online (for US and Canadian pay-TV subscribers via CNNGo) Radio (news reports on the half-hour) Headquarters CNN Center Atlanta, Georgia Sister channel(s) CNN International CNN Philippines CNN Indonesia CNN-News18 CNN Airport Network CNN Türk CNN en Español HLN CNN Chile Website www.cnn.com TV schedule (North America) Availability Satellite DirecTV (U.S.) Channel 202 Channel 1202 (VOD) Dish Network Channel 200 Channel 9436 Bell TV (Canada) Channel 500 (SD) Channel 1500 (HD) Shaw Dire...
Read more