拿来就能用的五个前端表白特效（免费）

最新推荐文章于 2024-10-13 19:31:02 发布

嗯嗯嗯吧

最新推荐文章于 2024-10-13 19:31:02 发布

阅读量1.2k

点赞数 1

分类专栏：面试学习路线阿里巴巴文章标签：前端面试 matlab 算法

本文链接：https://blog.csdn.net/m0_67391377/article/details/124891821

版权

本文分享了五个可以直接使用的前端表白特效，包括不同语言滚动的“我爱你”、爱心动画、时钟转动、爱心特效和流星雨。每个特效都提供了相应的代码，适合前端开发者用于网页美化。

摘要由CSDN通过智能技术生成

                                                                                 -------------写在前面-------------

之前喜欢收集能美化网页的代码，比如给网页加个背景啦，给鼠标加个特效啦，来来回回也收集到了一些“使用简单”，“效果爆炸”的页面，给大家陆续分享出来，如果觉得有帮助可以点赞收藏支持一下，如果能关注一下就再好不过了ヾ(≧▽≦*)o，之后还会分享许多干货，话不多说，先看组合好的效果

1 不同语言滚动的我爱你

在这里插入图片描述

代码

<html>
    <head>
 <meta charset="UTF-8">
    <style type="text/css">
    body{
         background:#43EEF4;
         texta-align:center;
         color:pink;
         width: 100%;
       }
    </style>
    </head>
  <body>
  <marquee  width="160px" direction="left" behavior="scroll" scrollamount="12" hspace="800px">w我爱你</marquee><br>
  <marquee width="220px" direction="left" behavior="scroll" scrollamount="22" hspace="800px"><h4>我爱你</h4></marquee><br> 
  <marquee width="220px" direction="right" behavior="scroll" scrollamount="13" hspace="800px"><h3>???</h3></marquee><br>
  <marquee width="220px" direction="left" behavior="scroll" scrollamount="24" hspace="780px">我爱你</marquee><br> 
  <marquee width="260px" direction="right" behavior="scroll" scrollamount="15" hspace="780px"><h5>我爱你</h5></marquee><br>
  <marquee width="260px" direction="left" behavior="scroll" scrollamount="16" hspace="760px">我爱你</marquee><br>
  <marquee width="260px" direction="right" behavior="scroll" scrollamount="17" hspace="760px">我爱你</marquee><br>
  <marquee width="320px" direction="left" behavior="scroll" scrollamount="18" hspace="740px"><h5>love</h5></marquee><br>
  <marquee width="320px" direction="right" behavior="scroll" scrollamount="29" hspace="740px">我爱你</h1></marquee><br>
  <marquee width="320px" direction="left" behavior="scroll" scrollamount="20" hspace="720px">我爱你</marquee><br>  
  <marquee width="360px" direction="right" behavior="scroll" scrollamount="10" hspace="720px">愛する</marquee><br> 
  <marquee width="360px" direction="left" behavior="scroll" scrollamount="21" hspace="700px"><h1>我爱你</h1></marquee><br>
  <marquee width="360px" direction="right" behavior="scroll" scrollamount="11" hspace="700px">love</marquee><br> 
  <marquee width="400px" direction="left" behavior="scroll" scrollamount="18" hspace="6900px">我爱你</marquee><br>
  <marquee width="400px" direction="right" behavior="scroll" scrollamount="18" hspace="680px">EU te amo</marquee><br>
  <marquee width="360px" direction="left" behavior="scroll" scrollamount="16" hspace="690px">我爱你</marquee><br>
  <marquee width="360px" direction="right" behavior="scroll" scrollamount="16" hspace="700px"><h4>我爱你</h4></marquee><br>
  <marquee width="360px" direction="left" behavior="scroll" scrollamount="16" hspace="700px">love</marquee><br>
  <marquee width="320px" direction="right" behavior="scroll" scrollamount="14" hspace="7200px"><h2>我爱你</h2></marquee><br>
  <marquee width="320px" direction="left" behavior="scroll" scrollamount="15" hspace="7200px">Ich liebe dich</marquee><br> 
  <marquee width="320px" direction="right" behavior="scroll" scrollamount="16" hspace="740px">我爱你</marquee><br>
  <marquee width="260px" direction="left" behavior="scroll" scrollamount="18" hspace="740px">love</marquee><br> 
  <marquee width="260px" direction="right" behavior="scroll" scrollamount&#