用文本文档给女神送爱心 _生活百科

用文本文档给女神送爱心，一起来研究一下吧

文章插图

用文本文档给女神送爱心1、打开电脑，新建一个文本文档，复制以下代码。

文章插图
2、<meta charset="UTF-8"> <title>Document</title> <style> @keyframes ani{from{transform:rotateY(0deg) rotateX(0deg);}to{transform:rotateY(360deg) rotateX(360deg);} } body{perspective:1000px; } #heart{position:relative;height:200px;width:150px;margin:200px auto;animation:ani 5s linear infinite;transform-style:preserve-3d;} .line{position:absolute;height:200px;width:150px;border:2px solid red;border-left:0;border-bottom:0;border-radius:50% 50% 0/50% 40% 0; } #word{font-family:"隶书";font-size:1.3em;color:red;position:absolute;top: 80px;left:22px;font-weight:bold; }</style></head><body> <div id="heart"><div id="word">I LOVE You</div> </div><script>var heart=document.getElementById("heart");var html="";for(var i=0;i<36;i++){html+="<div class='line' ></div>";}heart.innerHTML += html; </script></body></html