動作が止まっているときはRERUNしてください、それでもうまくいかない場合はこのリンク先で見れます シンプルながら、SVGを活かしたカッコいいアニメーションです サイトのロゴにこのアニメーションを加えて面白そうです あとはダウンロードリンクにつけてもボタン的になって良いかなと思います – CODE – HTML <div class="svg-wrapper"> <svg height="60" width="320" xmlns="http://www.w3.org/2000/svg"> <rect class="shape" height="60" width="320" /> </svg> <div class="text">HOVER</div> </div> CSS html, body { background: #333; height: 100%; overflow: hi
![短いコードだけどカッコいいSVGを使った、マウスオーバーのアニメーション SVG Animation | 9ineBB](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d4655cb8a04735125cef331fb058cc2f9b7c9a4/height=288;version=1;width=512/https%3A%2F%2F9-bb.com%2Fwp-content%2Fuploads%2F2014%2F01%2F2fc70c0d9f1cddf79ea006b5c14e54f3.png)