<div class="orca"> <div class="head"></div> <div class="body"> <!-- 背中 --> <div class="back"></div> <!-- 顎~腹 --> <div class="belly1"></div> <div class="belly2"></div> </div> <!-- 背びれ --> <div class="dorsal-fin"></div> <!-- 胸びれ --> <div class="pectoral-fin"></div> <!-- 目 --> <div class="eyes"></div> <!-- アイパッチ --> <div class="eye-patch"></div> <div class="tail"></div> </div> .orca{ position: absolu
![CSSでシャチを作ってみた。 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fa511f509d5fa02924cc1ae3c35453918400b1f8/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Q1NTJUUzJTgxJUE3JUUzJTgyJUI3JUUzJTgzJUEzJUUzJTgzJTgxJUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJUUzJTgwJTgyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yN2QxY2ZhNDMxZjU3MWQ4YjZhYmZmYjhiMzYzOWRhNQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwanVueWEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWIwNTQ4NjY5NzQ0ZTE1YWU2MjM5M2UyNmYyZWVjNmIw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D00c31a70812172e0465d0c1ba07d6fcc)