CSS-鼠标移入图片放大居中效果图

最新推荐文章于 2022-10-22 20:36:26 发布

止水Itachi

最新推荐文章于 2022-10-22 20:36:26 发布

阅读量692

点赞数

文章标签： html css css3 html5

本文链接：https://blog.csdn.net/qq_43633053/article/details/104807292

版权

本文介绍如何使用CSS实现鼠标移入图片时，图片放大并居中的效果。通过示例代码和最终显示的结果，展示了CSS3在图片交互上的应用。

摘要由CSDN通过智能技术生成

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
   margin: 0;padding: 0;}
			li{
   list-style:none;}
			a{
   text-decoration:none;color:#000;}
			.box{
   
				width: 630px;
				height: 470px;
				margin:100px auto;
			}
			.title{
   
				height: 40px;
				line-height<