アニメーション探り中のまとめ

margin-inline: auto;

https://zenn.dev/tonkotsuboy_com/articles/margin-inline_auto

 

width: fit-content

見出しに使えるfit-contentを解説してみる

transition: 1.5s cubic-bezier(0.15, 1.13, 0.25, 1);

 cubic-bezier

説明

https://qiita.com/96usa_koi/items/6f313f1d664806a77313

目安便利

https://easings.net/#

ジェネレーター

https://cubic-bezier.com/#.13,.68,.86,.32

 

border-radius: 100vh;
border-radius: 9999px;

https://jajaaan.co.jp/web-production/frontend/border-radius/

デザイン参考 web

https://jajaaan.co.jp/service/web/ 斜めデザイン

https://casitaflor.com/recruit/ 1.ブラシ 動く 2.ホバー白黒 3.英語が右から左

 

https://dynamo-inc.jp/ TOPのみかっこいい 動画、スクロール背景

 

昭和

https://showa-ds.co.jp/ 1.svg 文字 色がつく 書いてるよう  2.スクロールで現れる人 2重で現れるアニメーションで 動画のよう

 

タイトル と同じカラーでビヨン

https://shimizu-jidousya.com/

こんなコラムで結構 順位入ってる  小牧 春日井 守山 板金

https://shimizu-jidousya.com/column/

 

手書き風 svg マスク

https://coco-factory.jp/ugokuweb/move01/4-1-6/

Vivus.js

https://www.evoworx.co.jp/blog/animating-svg-with-vivus-js/

 

Vivus Instant」の使い方