CSS3で笑い男 - jsdo.it - Share JavaScript, HTML5 and CSS

CSSアニメーションの練習に作ってみた chromeのみ動作確認 /*参考*/ 笑い男 SVG : http://d.hatena.ne.jp/fls/20061023/p1 /*修正*/ before,after要素を導入 <div id="Laughing_man"> <div class="out-frame"> <div class="in-frame"> <div class="hat"> <div class="eye eye-left"></div> <div class="eye eye-right"></div> </div> <div class="mouth"></div> </div> <div class="text"> <span class="p1">I</span> <span class="p3">t</span> <span class="p4">h</

[kosigan]

www !!

[kkeisuke]

アニメーション

[ysk_lucky-star]

テキストの部分1文字ずつspanで括ってるのどうにかできるかなぁ。無理か

[mach3ss]

すてき。

[tkya]

chrome のみだけど、すごい！S.A.C！

[ginpei]

すごい、ちゃんと文字が回ってる！ (Chrome)