Tujuan untuk Girlfriend menggunakan pengekodan html css dan javascript-tutorial js-php.cn

Tujuan untuk Girlfriend menggunakan pengekodan html css dan javascript

Barbara Streisand

Lepaskan： 2025-01-04 09:06:40

asal

805 orang telah melayarinya

Purpose to Girlfriend using coding html css and javascript

Ikuti kami di instagram sila kongsi dan ikuti, suka kami untuk mendapatkan lebih banyak kandungan seperti ini. Kod untuk kekili di atas ialah:

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

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Propose</title>
  <link rel="stylesheet" href="style.css">
  <link rel="shortcut icon" type="image/jpg" href="heart.png" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
</head>

<body>
  <div>



<p>const parentElement = document.getElementById("parentElement");<br>
const showMassage = document.getElementById("showMassage");<br>
const changeColor = document.body.style;</p>

<p>propose = () => {<br>
  parentElement.style.display = "none";<br>
  showMessage.style.display = "block";<br>
  changeColor.background =<br>
    "linear-gradient(116.82deg, #ff94e7 0%, #27cbff 100%)";<br>
};

<p>var textWrapper = document.querySelector(".ml6 .letters");<br>
textWrapper.innerHTML = textWrapper.textContent.replace(<br>
  /\S/g,<br>
  "$&"<br>
);</p>

<p>anime<br>
  .timeline({ loop: true })<br>
  .add({<br>
    targets: ".ml6 .letter",<br>
    translateY: ["1.1em", 0],<br>
    translateZ: 0,<br>
    duration: 750,<br>
    delay: (el, i) => 50 * i,<br>
  })<br>
  .add({<br>
    targets: ".ml6",<br>
    opacity: 0,<br>
    duration: 1000,<br>
    easing: "easeOutExpo",<br>
    delay: 1000,<br>
  });<br>
</p>

<pre class="brush:php;toolbar:false">

Salin selepas log masuk

Atas ialah kandungan terperinci Tujuan untuk Girlfriend menggunakan pengekodan html css dan javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!