87,993
社区成员
发帖
与我相关
我的任务
分享我的爱心飘落代码（只有head跟body部分）
<head><meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title>Insert title here</title>
<style>
*{margin:0;padding:0;}
.heart{ width: 200px;
height: 200px;
margin: 50px auto;
background-color： #006;
}
.snowfall-flakes:before
{ content: '';
position: absolute;
width: 10px; height: 16px;
background-color: red;
border-radius: 5px 5px 0 0;
transform:rotate(-45deg);
}
.snowfall-flakes:after
{ content: '';
position: absolute;
width: 10px;
height: 16px;
background-color: red;
border-radius: 5px 5px 0 0;
transform: translateX(4.3px) rotate(45deg);
}
</style>
</head>
<body>
<div class="heart"></div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/JQuery-Snowfall/1.7.4/snowfall.jquery.min.js"></script>
<script> $(document).snowfall({flakeCount : 100, maxSpeed : 10}); </script>
</body>
...全文
请发表友善的回复…
发表回复
