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</
![CSS3で笑い男 - jsdo.it - Share JavaScript, HTML5 and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/73b40c915e6a4e55d163d09d805a557f6f161dae/height=288;version=1;width=512/http%3A%2F%2Fjsdo-static-contents.s3.amazonaws.com%2Fimages%2Fcapture%2Fz%2Fd%2FT%2FzdTL.jpg%3Ft%3D1299401475)