麻烦老师查看作业,谢谢。
来源:2-14 编程练习
DanielDu87
2022-02-01 22:24:25
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#myTest {
width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
background-color: #f43838;
margin: 100px auto auto;
color: #ffffff;
cursor: pointer;
font-size: 20px;
font-weight: bold;
/*添加代码*/
transition: all 0.5s ease 0s;
}
#myTest:hover {
/*添加代码*/
transform: scale(2.0);
background-color: green;
border-radius: 50%;
}
</style>
</head>
<body>
<div id="myTest"> duang!</div>
</body>
</html>1回答
好帮手慕星星
2022-02-05
同学你好,代码实现效果很棒,继续加油,祝学习愉快!
相似问题