Bild im Textanimationseffektcode-js-Tutorial-php.cn

Bild im Textanimationseffektcode

Mary-Kate Olsen

Freigeben： 2025-01-10 14:28:41

Original

267 Leute haben es durchsucht

Image in the Text animation effect code

<!DOCTYPE html>
<html lang="de">
<Kopf>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=
    , Anfangsskalierung=1,0">
    <title>Bild im Texteffekt</title>

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


         Körper{
            Rand: 0;
            Anzeige: Flex;
            rechtfertigen-Inhalt: Mitte;
            align-items: center;
            Höhe: 100 Vh;
            Hintergrund: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
            Überlauf: versteckt;
            /* Hintergrund: url('./jerry.png') ; */
         }

         .text-container{
            Anzeige: Flex;

         }

         .Brief{
            Schriftfamilie: „Montserrat“, serifenlos;
            Schriftgröße: 9rem;
            Schriftstärke: fetter;
            Farbe: transparent;
        Hintergrund: URL('./jerry.png') No-Repeat Center Center;
    Hintergrundgröße: Cover;
    --webkit-background-clip:text;
    Hintergrundclip: Text;
Zeilenhöhe: 1;         }











    </style>
</head>
<Körper>
    <div>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonBild im Textanimationseffektcode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!