Maison >interface Web >js tutoriel >Image dans le code de l'effet d'animation de texte

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

Mary-Kate Olsenoriginal: 2025-01-10 14:28:41329parcourir

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>

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!

html webkit display overflow margin viewport background animation flex https

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Routeur TanStack : l'avenir du routage React en 5Article suivant：Routeur TanStack : l'avenir du routage React en 5

Articles Liés

Voir plus