Rumah > Artikel > hujung hadapan web > 分享一个HTML+css图片放大特效代码
分享一个HTML+css图片放大特效代码
- 零下一度asal
- 2017-05-01 10:28:426262semak imbas
怎么才能将图片放大，下面小编就来介绍一个实例。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.php.cn/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*
{
margin:0px;
padding:0px;
}
#pHead
{
display: block;
height: 220px;
overflow: hidden;
width: 350px;
}
#pHead:hover img
{
transform: scale(1.3);
transition: all 1s ease 0s;
-webkit-transform: scale(1.3);
-webkit-transform: all 1s ease 0s;
}
</style>
</head>
<body>
<p id="pHead">
<img class="Tao"src="image/Thomson.jpeg" />
</p>
</body>
</html>Atas ialah kandungan terperinci 分享一个HTML+css图片放大特效代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：解析原生与html之间进行的一些关联Artikel seterusnya：如何提取html的正文以及保留某些<>内容？