Imej dalam kod kesan animasi Teks-tutorial js-php.cn

Imej dalam kod kesan animasi Teks

Mary-Kate Olsen

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

asal

363 orang telah melayarinya

Image in the Text animation effect code

<!DOCTYPE html>
<html lang="en">
<kepala>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=
    , skala awal=1.0">
    <tajuk>Imej Di Dalam Kesan Teks</title>

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


         badan{
            margin: 0;
            paparan: flex;
            justify-content: pusat;
            align-item: tengah;
            ketinggian: 100vh;
            latar belakang: kecerunan linear(135deg, #0f0c29, #302b63, #24243e);
            limpahan: tersembunyi;
            /* latar belakang: url('./jerry.png') ; */
         }

         .bekas teks{
            paparan: flex;

         }

         .surat{
            font-family: 'Montserrat', sans-serif;
            saiz fon: 9rem;
            font-weight: lebih berani;
            warna: telus;
        latar belakang: url('./jerry.png') pusat pusat tiada ulangan;
    saiz latar belakang: penutup;
    --webkit-background-clip:text;
    latar belakang-klip: teks;
ketinggian garisan: 1;         }











    </style>
</head>
<badan>
    <div>

Salin selepas log masuk

Atas ialah kandungan terperinci Imej dalam kod kesan animasi Teks. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!