抖音记事本代码html,抖音上用记事本编写爱心小程序教程

本文实例为大家分享了抖音上用记事本编写爱心小程序的具体代码，供大家参考，具体内容如下

先上一波效果图：

一颗旋转的小心心

七夕的前一天晚上，当我满怀期待的把这颗“爱心”展示给我女朋友的时候，我以为她会very..very..happy

但是..她和我说你给我颗大蒜干什么啊..

Why are you giving me a garlic..

也就是那个时候，我突然觉得这真的像一颗大蒜哎

好啦，不多说了。直接上源代码：

Document

@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;

}

I LOVE You

var heart=document.getElementById("heart");

var html="";

for(var i=0;i<36;i++){

html+="

}

heart.innerHTML += html;

运行这串代码也是非常简单，打开记事本，复制粘贴，将后缀名改为.html。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。