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を動かしているアニメーショ …