うねうねと波打つ罫線 Eat & Stay とまとと

https://tomatoto.jp/

高知県にあるゲストハウスです。

マネしたいポイント

見出しの飾りの罫線が波打つようなアニメーションをしているので目を引きます。ユーザーにアピールしたい部分ですが、フォントサイズやウェイトだけでなく、こうしたちょっとした動きだけでも注目してもらえます。ちょうど波の1周期分だけ長くし、transformのtranslateで横に動かしているだけなので、特別実装も難しくありません。

応用できそうな場面

見出しの罫線を動かす、という表現は幅白く応用できそうです。このサイトは波打つ罫線ですが、直線をシュッと動かしてスタイリッシュな表現にしたり、ゆったりとした動きでエレガントさを出したりできるでしょう。

懸念点

はやく明滅させるような表現はチカチカしてユーザーの印象や、そして目に良くないので避けたほうがよいです。

  • Twitter Share
  • Facebook Share
  • Line Share