请老师检查2-14编程练习谢谢啦
来源：2-14 编程练习
清夏_
2022-04-21 15:02:47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
/* 1、鼠标移入元素，在0.5秒的时间里改变形状为圆形、放大为原来大小的2倍并改变背景颜色。 */
/* 2、鼠标移出元素，恢复为原来的形状、大小、背景颜色。 */
#myTest {
width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
background-color: #f43838;
margin: auto;
margin-top: 100px;
color: #fff;
cursor: pointer;
font-size: 20px;
font-weight: bold;
/*添加代码*/
transition: all 0.5s linear 0s;
}
#myTest:hover {
/*添加代码*/
border-radius: 50%;
transform: scale(2);
background-color: green;
}
</style>
</head>
<body>
<div id="myTest">duang!</div>
</body>
</html>
搜索
复制
1回答
-
好帮手慕小李
2022-04-21
同学你好，代码可以实现需求，棒棒的！继续努力，祝学习愉快！
0
相似问题