three实现鼠标点击种植生产三维爱心爱情表白效果代码

代码语言:html

所属分类:表白

代码描述:three实现鼠标点击种植生产三维爱心爱情表白效果代码

代码标签: three 三维 爱心 种植

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>

   
<meta charset="UTF-8">



   
<style>
        body
{
                                       
font-family: Monospace;
                                       
background-color: #674172;
                                       
margin: 0px;
                                       
overflow: hidden;
                                       
cursor: pointer;
                               
}
                               
.circle {
                                 
background: #c0392b;
                                 
width: 150px;
                                 
height: 150px;
                                 
margin: auto;
                                 
border-radius: 100%;
                                 
overflow: hidden;
                                 
position: absolute;
                               
}
       
.circle {
         
-webkit-animation: grow 5s;
       
}
       
       
@-webkit-keyframes grow {
         
0% {
           
-webkit-transform: scale(0);
           
-moz-transform: scale(0);
           
-o-transform: scale(0);
           
-ms-transform: scale(0);
           
transform: scale(0);
         
}
         
100% {
           
-webkit-transform: scale(1);
           
-moz-transform: scale(1);
           
-o-transform: scale(1);
           
-ms-transform: scale(1);
           
transform: scale(1);
         
}
       
}
   
</style>




</head>

<body>

   
<div class="circle" style="display:none;"></div>


   
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.72.js"></script>
   
<script>
        let lovequotes = [
        "Have you been working out?",
        "I wish I was your mirror.",
        "I like your socks.",
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0