See the Pen Simple animating emotions. by Misha Heesakkers (@MishaHahaha) on CodePen.
見てるだけでかわいい動きです。
HTMLとCSSのみで動いていて、アイデアの勝利だなと感心しました。
シンプルですが、動きだけでいやされるのは、今後の参考になりそうです。
いやされるかわいさの「Simple animating emotions.」
投稿日：2016年5月10日 更新日：
執筆者：KIYOTA
関連記事
-
-
CSSのcalcで、width:100%からマイナスpx指定する
CSSでcalcがあるのを知ってましたが、使いどころがわからずに、放置していました。 例えば、こちらのサンプルのように、レスポンシブなどで、画像の幅は固定し、テキスト部分は伸縮する時に使えますね。 c …
-
-
CSSで一番迷うのが、ネーミングです。 初心者はクラス名を、その場その場で考えがちで、後から破綻しがちです。 頭の中でなんとなく決めていても、やはり破綻してしまいます。 更新や改修をかけていくうちに破 …
-
-
アイデアのヒントになる。Swiss Styleを動かしているアニメーション。
Swiss in CSS: animating the International Typographic Styleで、Swiss Styleを動かしているアニメーションが紹介されていました。 Se …
-
-
CSSでインデント（字下げ）をする場合、よく使われるのは、padding-leftとtext-indentを組み合わせたものです。 ただ、文字数が可変する場合、文字ごとにクラスを追加する必要があります …
-
-
最近は、SASSを使えば、フォントサイズをpxからem/%に変換するのは簡単です。 しかし、以前作ったサイトを更新する際に、フォントサイズの一覧がない場合は、pxからem、%に計算するのが面倒です。 …
KIYOTA
Webデザイナー / ウェブ解析士
Webデザイナー / ウェブ解析士
デザインとコーディングと制作現場が大好きなWebデザイナー（Webデザイナー歴13年）
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。 WACA上級ウェブ解析士。
@iclippinさんをフォロー
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。 WACA上級ウェブ解析士。
-
-
2022/08/15
Webデザイナーが残業代をもらっていたら、いくらになったのか？
-
-
2022/06/12
-
-
2022/02/06
-
-
2018/10/11
Webデザイナーで、転職がうまくいかない場合のひとつの方法として
-
-
2018/08/18