テキストアニメーションエフェクトコード内の画像-jsチュートリアル-php.cn

テキストアニメーションエフェクトコード内の画像

Mary-Kate Olsen

リリース： 2025-01-10 14:28:41

オリジナル

326 人が閲覧しました

Image in the Text animation effect code

<!DOCTYPE html>
<html lang="ja">

    <メタ文字セット="UTF-8">
    <meta name="ビューポート" content="width=
    、初期スケール=1.0">
    <title>テキスト効果内の画像</title>

    
         @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');


         体{
            マージン: 0;
            ディスプレイ: フレックス;
            コンテンツの位置揃え: 中央;
            整列項目: 中央;
            高さ: 100vh;
            背景: 線形グラデーション(135度、#0f0c29、#302b63、#24243e);
            オーバーフロー: 非表示;
            /* 背景: url('./jerry.png') ; */
         }

         .text-container{
            ディスプレイ: フレックス;

         }

         。手紙{
            フォントファミリー: 'モンセラート'、サンセリフ;
            フォントサイズ: 9rem;
            フォントの太さ: 太字;
            色: 透明;
        背景: url('./jerry.png') リピートなし 中央 中央;
    背景サイズ: カバー;
    --webkit-background-clip:テキスト;
    背景クリップ: テキスト;
行の高さ: 1;         }











    </スタイル>
</head>

    <div>




          </div>

ログイン後にコピー

以上がテキストアニメーションエフェクトコード内の画像の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。