前兩天在sf上看到一篇博客,只是很簡單的一個css,畫一個心形,而後配上跳動的動畫,加上聲音。以爲有意思,就把拷下來,放到本身的主頁上去,樣式想一行行本身抄着寫,練下手,但發現有些新樣式本身沒見過。連選擇器:after
都忘記了,不過做者的樣式寫的是::after
,這樣寫也是能夠的嗎?css
而後還有三個沒見過的是transform
、animation
和keyframes
。這三個都是css3裏面的新特性。
以爲本身會懶得去看去鞏固增強基礎知識,以爲基礎知識乏味,這些知識薄弱,致使的結果就是當本身想要實現某種效果的時候,會想不出什麼方法,還有就是看一些架構源碼的時候,常常對一些js的基礎函數只知其一;不知其二或徹底就不知道,沒時間的狀況下就只能靠猜想上下文,有時間就得去找js文檔。html
對了,還有個問題尚未解決。html5
<audio src="http://shellphon.github.io/funs/beat.mp3" autoplay loop> </audio>
在蘋果手機瀏覽器safari上彷佛不會自動播放,不知道什麼緣由,應該是能夠的,以前工做的項目,有個展廳系統的,也有音頻,也是html5,均可以播放。css3
用馬克飛象寫文章筆記好棒,能夠同步到印象筆記,寫好了直接複製到sf的博客就能夠發佈了,不過本身博客wordpress的markdown插件還有些問題,解決以後也能夠直接複製過去發表。git