ONZE/BLOGオンズ開発ブログ

画像は使用せず、HTMLとCSSのみで実装されたスタイルシートのテクニック『Cat Swinging on String』が面白かったのでコチラでも紹介します。

さすがにココまで複雑なアニメーションを実装するとなると、HTMLもCSSも長文になってしまいます。
しかし技術を覚えるには良いサンプルだと思います。

具体的な記述方法は下記URLより、コードを直接ご覧になってください。

DEMO : Cat Swinging on String

作者の David Khourshid 氏は、他にも『Alex the CSS Husky』『Meshi the CSS Dog』『CSS Snow Fox』などを公開しています。
ぜひ参考にしてみてください。

David Khourshid : https://codepen.io/davidkpiano/