hitoyam https://blog.hatena.ne.jp/hitoyam/ 蠍は留守です考 https://thought.hitoyam.jp/ 勉強会・カンファレンス 第13回 Sugamo.css に行ってきた。さりげに一周年ということで、記念にはじめてネタを用意していった。ドキドキ。 SVGアニメーション 以下のようなイメージをSVGだけで書き出して、アニメーションするというテスト。あんまりSVGとか知らない人にも、やろうと思えばSVGだけでこれだけできるよーってのを見てもらえればと思って。 SVGアニメーション デモ ※デモは停止しました アニメーションが動作するのは、現時点ではOperaのみ。Firefoxも3.7では動くんじゃないかという話を聞いたが、3.6系などでは静止した状態で表示される。ChromeはDev版なら動くかもしれないが、私は検証し… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fthought.hitoyam.jp%2Fentry%2F2010-02-14-sugamocss" title="第13回 Sugamo.css - 蠍は留守です考" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/h/hitoyam/20170513/20170513034001.jpg Hatena Blog https://hatena.blog 2010-02-14 15:30:00 rich https://thought.hitoyam.jp/entry/2010-02-14-sugamocss 1.0 100%