Image dans le code de l'effet d'animation de texte-js tutoriel-php.cn

Image dans le code de l'effet d'animation de texte

Mary-Kate Olsen

Libérer： 2025-01-10 14:28:41

original

326 Les gens l'ont consulté

Image in the Text animation effect code

<!DOCTYPE html>
<html lang="fr">
<tête>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=
    , échelle initiale=1,0">
    <titre>Image à l'intérieur de l'effet de texte</titre>

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


         corps{
            marge : 0 ;
            affichage : flexible ;
            justifier-contenu : centre ;
            align-items : centre ;
            hauteur : 100vh ;
            arrière-plan : dégradé linéaire (135 degrés, # 0f0c29, # 302b63, # 24243e);
            débordement : caché ;
            /* arrière-plan : url('./jerry.png') ; */
         }

         .text-conteneur{
            affichage : flexible ;

         }

         .lettre{
            famille de polices : « Montserrat », sans empattement ;
            taille de police : 9rem ;
            poids de la police : plus gras ;
            couleur : transparent ;
        arrière-plan : url('./jerry.png') centre sans répétition ;
    taille de l'arrière-plan : couverture ;
    --webkit-background-clip:texte;
    clip d'arrière-plan : texte ;
hauteur de ligne : 1 ;         }











    </style>
&Lt;/tête>
<corps>
    <div>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!