抖音上用記事本編寫愛心小程序教程_第1頁
抖音上用記事本編寫愛心小程序教程_第2頁
抖音上用記事本編寫愛心小程序教程_第3頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

第抖音上用記事本編寫愛心小程序教程本文實(shí)例為大家分享了抖音上用記事本編寫愛心小程序的具體代碼，供大家參考，具體內(nèi)容如下

先上一波效果圖：

一顆旋轉(zhuǎn)的小心心

七夕的前一天晚上，當(dāng)我滿懷期待的把這顆“愛心”展示給我女朋友的時候，我以為她會very..very..happy

但是..她和我說你給我顆大蒜干什么啊..

Whyareyougivingmeagarlic..

也就是那個時候，我突然覺得這真的像一顆大蒜哎

好啦，不多說了。直接上源代碼：

!DOCTYPEhtml

htmllang="zh-cn"

head

metacharset="UTF-8"

titleDocument/title

style

@keyframesani{

from{

transform:rotateY(0deg)rotateX(0deg);

transform:rotateY(360deg)rotateX(360deg);

body{

perspective:1000px;

#heart{

position:relative;

height:200px;

width:150px;

margin:200pxauto;

animation:ani5slinearinfinite;

transform-style:preserve-3d;

.line{

position:absolute;

height:200px;

width:150px;

border:2pxsolidred;

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

divid="heart"

divid="word"ILOVEYou/div

/div

script

varheart=document.getElementById("heart");

varhtml="";

for(vari=0;ii++){

html+="divstyle='transform:rotateY("+i*10+"deg)rotateZ(45deg)translateX(25px)'/div

heart.innerHTML+=html;

/script

/body

/html

運(yùn)行這串代碼也是非常

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論