如此簡low的設計，點個讚加個一這效果實在是簡直是撈比啊！！！_(:з」∠)_（我知道設計不會看到這篇文章）
怎麼辦，一世英名不能毀於此啊(╯‵□′)╯︵┻━┻，如果加個動畫會不會挽回點顏面？
臥槽，這樣乙個45度角仰望天空上揚的『+1』的1s動畫總算是有點潮！
狗尾續貂開幹吧！衣褲！
大體方案有兩種：方案一 js動態新增節點（+1），然後控制css變換。方案二 利用css3 animation實現動畫。
考慮移動端css3支援度較好，效能也比用js控制的要好，果斷選方案二！動畫的實現很好說，keyframe定義動畫就好了，這個『+1』怎麼引入呢，不想用到js。。。頁面直接埋點？增加頁面dom結構貌似也是不好的--、
誒~偽元素：after,:before ,定義在css裡，也不會增加dom結構o(∩_∩)o~~
就這麼幹！~\(≧▽≦)/~
先初始化好位置
&:after在定義好動畫
.keyframes(~'up,0%50%100%');再新增上動畫
&.rise:after(以上**用了less和lesshat)
哦了，只要點選的時候給元素新增rise這個類就好啦。測試！
chrome okay！
qq ok!
自帶瀏覽器 ok！
uc ... uc ...uc ...尼瑪你倒是飛啊！(╯‵□′)╯︵┻━┻
算了，uc這個坑，前面吐槽多了，應該是見怪不怪了。。。排查問題吧。
首先想到是不支援translate3d,去掉換成操作top，right依然無效，況且很多別的頁面看到有用到的，難道是animation哪些屬性沒寫全？後來參照成功動畫的頁面把屬性補全依然不行。。。後來翻看多個頁面發現都能實現animation在uc上動畫的。我自己把頁面copy過來也可以的！真是奇了怪了，沒辦法誰讓在下葉良辰，我有一百個方法找出問題所在！在默默地給剛才的裝逼打滿分的時候想到，成功動畫的頁面沒有乙個是操作偽元素的！！！是不是這個原因呢？後來將偽元素去掉，在所有點讚的按鈕下埋了+1這行**。然後做動畫，測試！居然ok了！！！幹！！！
uc不支援偽元素使用animation動畫
不能太激動，先把解決方案應用到專案上（雖然頁面多了i的標籤，相比js控制動態新增還是好一點，為了效果的統一折中取方案）。
哈哈哈~終於可以在自己的秘籍上寫上一章
《論我良辰如何打敗趙日天 之 我知道uc偽元素應用css3動畫bug》
瀏覽器使用小tip
很多網頁長圖單個頁面截不下來，那麼需要如何解決?首先，在谷歌瀏覽器chrome中開啟需要截圖的網頁，等待需要截圖的網頁開啟完畢，然後按f12 開啟開發者工具，然後按組合鍵 ctrl shift p 調出谷歌瀏覽器chrome長截圖需要的面板，然後輸入 full 這是時候就會看到下面出現 captur...
uc瀏覽器手機模擬 實用簡潔的瀏覽器，專注體驗！
如果你也厭倦了介面亂七八糟的瀏覽器，不妨試試它們。這些極簡主義的瀏覽器大多是回歸初心的作品，它們執行能夠更輕快，主介面也更簡潔，使用效率也隨之提高。小嘟之前也給大家分享過主打極簡主義的via瀏覽器，via瀏覽器無論是從速度上，還是拓展功能上，都有不錯的表現。為了給大家更多選擇，這次小嘟打算再分享一款...
強制瀏覽器使用webkit核心
renderer content webkit force rendering content webkit x ua compatible content ie edge,chrome 1 詳細解釋 強制chromium核心，作用於360瀏覽器 qq瀏覽器等國產雙核瀏覽器 強制chromium核心...