请老师帮忙检查一下代码，谢谢
来源：2-4 编程练习
廖可爱bongbong
2021-05-14 15:10:09
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>过渡</title>
<style>
/*补充代码*/
div{
width:200px;
height:200px;
background-color:pink;
}
div:hover{
width:200px;
height:200px;
box-shadow:5px 5px 10px rgba(0,0,0,.4);
background-color:orange;
transition:box-shadow 0.5s linear 0s;
transition:background-color 1s linera 0s;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
写回答
1回答
-
好帮手慕慕子
2021-05-14
同学你好，代码中第二个transition中的linear单词拼写错误，另外，由于transition属性是分开写的，同名属性会发生覆盖，导致box-shadow没有过渡效果。
建议参考下图结合注释修改与理解，示例：
祝学习愉快~
0
相似问题