コーディング

【備忘録】文字を1文字ずつウェーブさせながら表示

  • このエントリーをはてなブックマークに追加
【備忘録】文字を1文字ずつウェーブさせながら表示

こんにちは!ワタナベです。

今回は文字を1文字ずつウェーブさせながら表示する方法の備忘録です。

See the Pen
by Akiho (@wcaotdaenpaebne)
on CodePen.

↑スクロールすると表示されます!

動きをつけたい文字の数やサイズによって、ウェーブさせる高さを変更したり、「animation-duration」や「animation-delay」をカスタマイズすると良いです(^O^)

ちょっとしたワンポイントにどうぞ!

 

↓参考にさせていただきました!TAHNKS(*´ω`)

 

 

それではまた次回。

ご閲覧ありがとうございました♪

  • このエントリーをはてなブックマークに追加

【Webデザイナー募集!】D-Gripで一緒に働きませんか?

ただいま株式会社D-Gripシステムでは、制作部として一緒に働いてくれるWebデザイナーさんを募集しています。

実務経験がある方はもちろん、専門学校や独学で勉強された未経験の方でも歓迎です!
800サイト以上の運営実績のある会社で、プロのWEBデザイナーへの道を着実に歩んでいきませんか?

お問い合わせはコチラから↓
採用サイトへ

お電話はコチラから↓
TEL:03-5363-2191

採用サイトへ