ちょっとしたアニメーション：テキスト周り編

$miiのアイコンmii

h2だったりh3など見出しのテキスト周りのアニメーションリファレンス🧚‍♀️

一覧のレイアウトを選択する

「Solvvy Inc.」のキャプチャ画像

メモ

左からフェードイン

カラーが黒→青

「株式会社delta」のキャプチャ画像

メモ

下から1文字ずつ

数字がスロットみたいな表示

「伊藤忠飼料株式会社 RECRUIT SITE」のキャプチャ画像

メモ

下から1文字ずつ

「SateLab」のキャプチャ画像

メモ

単色の図形が左から右に→隠れていたテキストボックス表示

「株式会社Gotoschool」のキャプチャ画像

メモ

1画ずつカラフルに色が入る(ホバーも同様)→黒に

「株式会社ニーリー 採用サイト」のキャプチャ画像

メモ

ブロックごとに下から

「高知から世界の未来へ｜株式会社 栄光工業」のキャプチャ画像

メモ

ブロックごとにしたからマスクが外れていく

→青いカラーが通り過ぎていく

「ソルー株式会社｜WEBマーケティングの力で爆発的成果をもたらす会社 |」のキャプチャ画像

メモ

単色の図形が左から右に→その上にテキストが出る

下から表示など

インパクトと勢いがあるモーションがおおい！

$miiのアイコンmii's Design Sets

TOPの見出し/シンプルなあしらい

Design Set「TOPの見出し/シンプルなあしらい」に含まれるサイトのキャプチャ画像 1枚目
Design Set「TOPの見出し/シンプルなあしらい」に含まれるサイトのキャプチャ画像 2枚目
Design Set「TOPの見出し/シンプルなあしらい」に含まれるサイトのキャプチャ画像 3枚目

ちょっとしたアニメーション：テキスト周り編

Design Set「ちょっとしたアニメーション：テキスト周り編」に含まれるサイトのキャプチャ画像 1枚目
Design Set「ちょっとしたアニメーション：テキスト周り編」に含まれるサイトのキャプチャ画像 2枚目
Design Set「ちょっとしたアニメーション：テキスト周り編」に含まれるサイトのキャプチャ画像 3枚目

余白/シンプル/あしらい少なめ

Design Set「余白/シンプル/あしらい少なめ」に含まれるサイトのキャプチャ画像 1枚目
Design Set「余白/シンプル/あしらい少なめ」に含まれるサイトのキャプチャ画像 2枚目
Design Set「余白/シンプル/あしらい少なめ」に含まれるサイトのキャプチャ画像 3枚目

写真/動画活かし

Design Set「写真/動画活かし」に含まれるサイトのキャプチャ画像 1枚目
Design Set「写真/動画活かし」に含まれるサイトのキャプチャ画像 2枚目
Design Set「写真/動画活かし」に含まれるサイトのキャプチャ画像 3枚目
このユーザーのDesign Set一覧へ