抖音记事本代码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。

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

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

抖音爱心c语言程序,抖音上用记事本编写爱心小程序教程
本文实例为大家分享了抖音上用记事本编写爱心小程序的具体代码,供大家参考,具体内容如下先上一波效果图: 一颗旋转的小心心七夕的前一天晚上,当我满怀期待的把这颗"爱心"展示给我女朋 ...
抖音上用记事本写“爱心”小程序教程
先上一波效果图: 一颗旋转的小心心七夕的前一天晚上,当我满怀期待的把这颗"爱心"展示给我女朋友的时候,我以为她会very..very..happy 但是..她和我说你给我颗大蒜干 ...
pb程序怎么发布到iis_怎么使用抖音小程序第三方平台系统开发制作发布抖音小程序+教程...
怎么使用抖音小程序第三方平台系统开发制作发布抖音小程序+教程抖音短视频APP发布<2019年抖音数据报告>显示,其日活跃用户已经于2020年1月达到4亿,抖音APP受到广大用户追捧的同时 ...
价值1500的全新UI众人帮任务帮PHP源码/悬赏任务抖音快手头条点赞源码/带三级分销可封装小程序
xia 全新UI众人帮任务帮.悬赏任务抖音快手头条点赞PHP源码,带三级分销:某站售价1500元,后台Thinkphp,前端可封装打包,网页端加安卓苹果,可封装小程序. 功能介绍 1.支持用户发布任务 ...
编写并运行php程序,上传所编写的PHP程序代码,并上传运行后的效果截图
上传所编写的PHP程序代码,并上传运行后的效果截图更多相关问题 [多选] 对税务机关的下列行政行为,纳税人可以申请行政复议的有(). [多选] 纳税人收到税务机关的行政处罚决定书之后,在法定期限内可 ...
标星 2.7w+ 堪称史上最全的微信小程序开发资源汇总
[公众号回复 "1024",免费领取程序员赚钱实操经验] 2017 年 1 月,微信小程序一夜成名. 微信小程序成名后,各大厂开始效仿,相继出现了支付宝.百度.今日头条.QQ.抖音 ...
C/C++/SFML编写俄罗斯方块小程序附代码和下载链接
C/C++SFML编写俄罗斯方块小程序文章目录 C/C++SFML编写俄罗斯方块小程序前言一.游戏下载链接二.游戏截图三.小程序功能 1.俄罗斯方块游戏的实现 2.主菜单功能 3.游戏音乐, ...
w ndows恶搞,Windows 记事本编写恶搞小程序
Windows 记事本编写恶搞小程序这时我第一次写文章,如果哪里有错误,希望能给我指正出来. 1.炸弹弹窗 2.我是猪 3.打开什么程序都关闭 1.代码是: :start start cmd got ...
上传照片视频的小程序
作为活动组织者,经常组织活动需要收集照片.收集视频,原来通过邮箱.公众号后台征集,但是很多年龄大的参与者吐糟:邮箱.公众号参与难度大,不会操作,导致参与度比较低: [Fotoo征集一下]是一个方便参与 ...
线上推广给你的小程序布局互联网流量入口
今天我们要讲的是小程序的线上运营推广,说到线上,其实就是互联网的本身属性,文章我们从几个互联网常规引流方式,让大家可以有所启发,并且能够移花接木的搬运到小程序运营上. 1.官网推广,有条件的可以建立自 ...

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

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

最新文章

热门文章