文字にグラデーションを掛ける※IE非対応

2020/10/14

.clip-font{
 background: linear-gradient(45deg, #ee9ca7 0%, #ffdde1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0);
  color: #fff;
}

.clip-font{

background: linear-gradient(45deg, #ee9ca7 0%, #ffdde1 100%);

-webkit-background-clip: text;

-webkit-text-fill-color: rgba(255,255,255,0);

color: #fff;

}

グラデーション具合や色合いは各自調整してください。また上記CSSをIEで見た際は文字が白色、文字の周り（background）がグラデーションになります。

コメントを残すコメントをキャンセル

一文字づつ表示させる方法

モーダル作成

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル