グラデーション文字の実装方法の調査
透明な文字に対してグラーデーション背景画像を適用する
cssCopied!
color: transparent;background-clip: text;background-image: linear-gradient(72.83deg, #4285f4 11.63%, #9b72cb 40.43%, #d96570 68.07%);iPad Pro ありえない一枚。
cssCopied!
-webkit-text-fill-color: rgba(0, 0, 0, 0);background-clip: text;background-repeat: no-repeat;background-position: bottom;background-size: 100% 90%;background-image: url("https://www.apple.com/v/ipad-pro/an/images/overview/hero/hero_gradient__cmkhbivlbcmu_large_2x.jpg")