animate.css 官網： https://daneden.github.io/animate.css/ 包括：attention seekers：關注者 bouncing entrance ...

很友好的OJ網站（OJ是open judge，在線評測） POJ 北京大學ACM ZOJ 浙江大學ACM WOJ 武漢大學ACM（一個題目提交通過后，可以查看通過該題的所有代碼） 唯一不好的地方是題目都是英文的，很難看懂，如果你英語很好就無所謂了 CODEVS 很好用，都是中文題目 ...

HTML5 動效 motion graphics toolbelt for the web https://github.com/xgqfrms/mojs A collection of loading indicators animated ...

前言 在日常開發中，經常會碰到包含有大量動效的需求。當一個頁面包含有大量動效時，經常會出現卡頓、性能不佳的問題。 正所謂開發三天，優化兩星期，為了優化這些動效，很多同學只能一點點摳代碼，探尋加載時間點、渲染速度、資源體積等優化點的極限，前端、設計以及測試都疲於奔命。 古語有雲，因材施教，話 ...

今天，在別人的網站剛好看到一個特效，正是自己想要的， 就保存了一份下來到博客，方便自己可以查詢。 鼠標放上后 效果還不錯，主要是后面那個動圖，一直在動。用的是CSS3的一個性能。 原代碼如下：（以下是測試代碼，撿自己需要的用就行 ...

提示： angular2 時animation代碼在核心模塊里面（@angular/core里面）;到了angular4.0時animation從核心模塊中提取出來作為一個單獨的模塊， 　　　　這樣可以在不用動效時可以不引入進來. animation 模塊特性方法 ...

<router-view> 是基本的動態組件，所以我們可以用 <transition> 組件給它添加一些過渡效果： 過渡的類名 在進入/離開的過渡中，會有 6 ...

一， 總體思路 　　canvas動效實現，主要分為兩步： 　　1> 實現畫靜態圖函數，用於定時器反復調用。 　　2> 通過定時器setInterval()，定時調用畫靜態圖函數。動效就是一次次的繪制靜態圖，而每一次繪制靜態圖，都改變繪制的位置，從而實現動效。 　　canvas ...