[CSS3 Minefield] Transition

[本文的Demo請用webkit系的browser如chrome和safari最新版觀看]
前言
1. 偏見不是一天造成的
2. Safari和Chrome在CSS的部分幾乎一致，分野直至Mobile才出現
3. Vendor prefix = 小心被炸
碎碎念完畢，開始。

正文
CSS3 Transition是一種「不自己寫過沒感覺」和「很易被雷到」的東西

在說Implementation前說一下這是什麼東西。

[地上最短電波歌] 尖尖尖

[嚴重警告: 內有強烈電波，會造成非自願的腦內loop，敬希垂注]
[嚴重警告2: 這歌的恐怖在，哪怕只是字面上看見腦中已經開始play...]
[因為實在是太誇張了，這次的video我就用link了]

電波歌者，簡單來說就是本身意味不明*但莫名奇妙的聽了後會上癮，不管有沒有在聽腦中都會突然播放、不小心會哼出來、做夢會夢到的歌

*「電波」一字之由來(日字)，英文為gibberish－不過電波歌的英文是Earworms喔

不過以上都不是重點，重點是「一開始腦中播放會一直loop」

日系Twitter小玩具

最近看到幾個好玩的就寫一下...

DotWar
Twitter頭像大亂鬥。玩法是守護石攻防，士兵、戰力則是來自頭像
－順帶一提，透明的兵力是0 (所以 @kelvw 這位推友大概是最好欺負的了 XD)


IS Parade
可輸入twitter ID或hashtag，之後就會看到該ID的followers及有提過那hashtag的推友們在遊行~


shindanmaker
簡言之就是成份分析產生器的twitter ID版，輸入的部分就只是一個提示輸入ID的input box，生成的部分有點難用但大家都創意無限瘋狂惡搞...

p.s.關於成份分析的產生器，原型作者CQD君另有專文提及

UTweet
Uniqlo的Twitter toy之一，和IS Parade原理相同，不過顯示的是Tweet而非推友－那個印章式表達十分威的說...

Color Tweet
Uniqlo的Twitter toy之一，和UTweet幾乎一樣，不過這次玩mosaic...

至於歐美的實在太多，請自行google Twitter Toy了 :P