See the Pen Simple animating emotions. by Misha Heesakkers (@MishaHahaha) on CodePen.
見てるだけでかわいい動きです。
HTMLとCSSのみで動いていて、アイデアの勝利だなと感心しました。
シンプルですが、動きだけでいやされるのは、今後の参考になりそうです。
執筆者：KIYOTA
関連記事
-
-
これは便利！ソースとプレビューが見られる「Bootstrap 4 Cheat Sheet」
SPONSORED LINK Bootstrap 4 Cheat Sheet レスポンシブや効率的にコーディングする場合に便利なBootstrapのチートシートです。 ソースコードとプレビューがでるの …
-
-
CSSのcalcで、width:100%からマイナスpx指定する
SPONSORED LINK CSSでcalcがあるのを知ってましたが、使いどころがわからずに、放置していました。 例えば、こちらのサンプルのように、レスポンシブなどで、画像の幅は固定し、テキスト部分 …
-
-
PDFなど、CSSのみで拡張子によって自動でアイコンを表示する
SPONSORED LINK WordやExcelなどをサイトにアップして、アイコンをつけることは多いと思います。 <a href=”word.pdf” class=&# …
-
-
アイデアのヒントになる。Swiss Styleを動かしているアニメーション。
SPONSORED LINK Swiss in CSS: animating the International Typographic Styleで、Swiss Styleを動かしているアニメーショ …
-
-
SPONSORED LINK CSSでインデント（字下げ）をする場合、よく使われるのは、padding-leftとtext-indentを組み合わせたものです。 ただ、文字数が可変する場合、文字ごとに …
