HTML爱心网页制作[樱花+爱心+炫彩文字]

您所在的位置:网站首页 炫彩字体怎么画好看图片 HTML爱心网页制作[樱花+爱心+炫彩文字]

HTML爱心网页制作[樱花+爱心+炫彩文字]

2024-07-10 04:41| 来源: 网络整理| 查看: 265

效果图

代码部分

代码如下仅供参考 可以直接拿去复制粘贴

    (づ ̄3 ̄)づ╭❤~                 html, body {   height: 100%;   padding: 0;   margin: 0;   background: #000; } canvas {   position: absolute;   width: 100%;   height: 100%; }             .child{                 position: fixed;

                                 top:50%;                 left: 50%;                 margin-top: -75px;                 margin-left:-100px ;                              }             .child1{                 position: fixed;                 style="  position:absolute;                 width: 41%;                 top:89%;                                  left:15%;                 text-align: center;                 transform:translateY(-50%);                 font-family: 'Love Ya Like A Sister', cursive;                 font-size: 40px;                 color: #c70012;                 padding: 0 20px;             }

h4{font-size: 18px;color:#EA80B0;position: relative;left: -40px;}    

     づ╭❤~  我LOVE你づ╭❤~    if you never give up ,i will in life and death               function changeColor(){     var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray";     color=color.split("|");     document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]; } setInterval("changeColor()",200);

  /*  * Settings  */ var settings = {   particles: {     length:   500, // maximum amount of particles     duration:   2, // particle duration in sec     velocity: 100, // particle velocity in pixels/sec     effect: -0.75, // play with this for a nice effect     size:      30, // particle size in pixels   }, };

/*  * RequestAnimationFrame polyfill by Erik Möller  */ (function(){var b=0;var c=["ms","moz","webkit","o"];for(var a=0;a= duration && firstActive != firstFree) {       firstActive++;       if (firstActive == particles.length) firstActive = 0;     }             };   ParticlePool.prototype.draw = function(context, image) {     // draw active particles     if (firstActive < firstFree) {       for (i = firstActive; i < firstFree; i++)         particles[i].draw(context, image);     }     if (firstFree < firstActive) {       for (i = firstActive; i < particles.length; i++)         particles[i].draw(context, image);       for (i = 0; i < firstFree; i++)         particles[i].draw(context, image);     }   };   return ParticlePool; })();

/*  * Putting it all together  */ (function(canvas) {   var context = canvas.getContext('2d'),       particles = new ParticlePool(settings.particles.length),       particleRate = settings.particles.length / settings.particles.duration, // particles/sec       time;      // get point on heart with -PI



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3