<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="transition2.css">
</head>
<body>
<div class="box1">
<img src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1592875514&di=7b7312d562850324f6edab5caa7a659d&src=http://a2.att.hudong.com/36/48/19300001357258133412489354717.jpg">
<div class="img-text">
<div class="word">这是一颗草莓</div>
</div>
</div>
</body>
</html>
CSS代码:
* {
margin: 0;
padding: 0;
}
/* 包含图片及隐藏文字的总