我的爱心飘落代码(只有head跟body部分)
靓仔小白 2019-09-15 04:22:59 <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>