CSS3 animation: the image gradually gets bigger when the mouse is on it and gradually shrinks when the mouse leaves it

Effect check address: Tour plan (uplanok.com)

Code:

img{width: 100%;border-radius: 3px;transition: all 2s;}
img:hover{transform: scale(1.2);}

The img outer tag element needs to be set to overflow: hidden, otherwise the image will overflow and cover other content after being enlarged.

This is the end of this article about CSS3 animation that makes an image gradually larger when the mouse is placed on it and gradually smaller when the mouse is removed from it. For more relevant CSS3 image zooming in and out, please search previous articles on 123WORDPRESS.COM or continue to browse the related articles below. I hope you will support 123WORDPRESS.COM in the future!

In-depth discussion of memory principles: Are variables stored in the heap or stack in JS?

Blog

CSS3 animation: the image gradually gets bigger when the mouse is on it and gradually shrinks when the mouse leaves it

How to install docker using YUM

Summary of how to modify the root password in MySQL 5.7 and MySQL 8.0

Summarize the User-Agent of popular browsers

MySQL series: redo log, undo log and binlog detailed explanation

A practical guide to Vue project first screen performance optimization components

Html Select uses the selected attribute to set the default selection

In-depth discussion of memory principles: Are variables stored in the heap or stack in JS?

Introduction to JavaScript built-in objects

The most common declaration merge in TS (interface merge)

Centos7.5 installs mysql5.7.24 binary package deployment

Recommend

Install Linux using VMware virtual machine (CentOS7 image)

Detailed steps to implement the Excel import function in Vue

How to write beautiful HTML code

Click on the lower right corner of the css pseudo-class to see a check mark to indicate the selected sample code

MySQL database JDBC programming (Java connects to MySQL)

Why is your like statement not indexed?

Solution to the problem of IP loss caused by copying centos8 virtual machine under VMWARE

MySQL replication table details and example code

The leftmost matching principle of MySQL database index

Teach you how to install mysql database on Mac

Vue-CLI3.x automatically deploys projects to the server

It is not recommended to copy the content in Word directly to the editor on the website.

How to prevent website content from being included in search engines

mysql subquery and join table details

Implementation of nginx virtual host settings based on domain name, port, and different IP