animation心形線 -- 表白
*/*去除預設外邊距、內邊距*/
body
.heart3d
#display
.heart3d [class^="rib"]
.heart3d [class$="0"]
.heart3d [class$="1"]
.heart3d [class$="2"]
.heart3d [class$="3"]
.heart3d [class$="4"]
.heart3d [class$="5"]
.heart3d [class$="6"]
.heart3d [class$="7"]
.heart3d [class$="8"]
.heart3d [class$="9"]
.heart3d [class$="10"]
.heart3d [class$="11"]
.heart3d [class$="12"]
.heart3d [class$="13"]
.heart3d [class$="14"]
.heart3d [class$="15"]
.heart3d [class$="16"]
.heart3d [class$="17"]
.heart3d [class$="18"]
.heart3d [class$="19"]
.heart3d [class$="20"]
.heart3d [class$="21"]
.heart3d [class$="22"]
.heart3d [class$="23"]
.heart3d [class$="24"]
.heart3d [class$="25"]
.heart3d [class$="26"]
.heart3d [class$="27"]
.heart3d [class$="28"]
.heart3d [class$="29"]
.heart3d [class$="30"]
.heart3d [class$="31"]
.heart3d [class$="32"]
.heart3d [class$="33"]
.heart3d [class$="34"]
.heart3d [class$="35"]
.heart3d [class$="36"]
@keyframes spin
}.per
.img
.img:nth-child(1)
.img:nth-child(2)
.img:nth-child(3)
.img:nth-child(4)
.img:nth-child(6)
.img:nth-child(5)
var str ="如果，愛乙個人，守乙份愛情，可以在早春一起去踏青，可以在盛夏一起去賞荷，可以在淺秋一起去觀月，可以在深冬一起去尋梅，不厭倦，卻歡樂，不平凡，卻平淡。那麼，此生便無憾了。";
window.onload =function typing()
}
心形函式 封心
這個是 html5實驗室 canvas世界 中的乙個例子，最大的收穫當然是心形函式 x 2 y 2 1 x 2 y 3 0。有了前面幾個動畫做鋪墊，這個還是比較容易就完成了，沒有遇到什麼奇特的問題。不過也因為比較輕鬆，的組織不是很認真，也不想去改了。值得一提的是這個動畫很容易另行發揮，我在除錯的過程...
美麗的心形函式
剛剛使用docker 安裝了，tensorflow 的環境 發現上面的帶了好多的畫圖的函式。於是研究起心型函式。使用np畫圖 from matplotlib import pyplot as plt import numpy as np size 2 x np.linspace size,size,...
Mr J 心形跳動demo
最近學了一點css動畫的屬性，看了課程之後，重新做了一下心跳跳動的小demo。absolute 生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規定。fixed 生成絕對定位的元素，相對於瀏覽器視窗進...