为了账号安全,请及时绑定邮箱和手机立即绑定
课程 \ CSS3绚丽照片墙

CSS3绚丽照片墙

1-5 编程练习
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.mainDiv{
width:100px;
height:100px;
margin:100px auto;
text-align: center;
line-height: 100px;
font-weight: bold;
color:#ddd;
background:#ddd;
border:1px solid #ddd;
-webkit-transform:rotate(0deg) scale(1);
-moz-transform:rotate(0deg) scale(1);
transform:rotate(0deg) scale(1);
-webkit-transition:2s;
-moz-transition:2s;
transition:2s;

}
.mainDiv:hover{
-webkit-transform:rotate(720deg) scale(2);
-moz-transform:rotate(720deg) scale(2);
transform:rotate(720deg) scale(2);
background:red;
color:#000;


}
</style>
<title>css3特效</title>
</head>
<body>
<div class="mainDiv">您好</div>
</body>
</html>
2020-11-25 查看完整代码
意见反馈 帮助中心 APP下载
官方微信