分享一个爱心的特效代码

        给大家分享一个用html+js写的爱心特效代码,打开你的dw或者vscode编辑器,将代码丢进去运行就行,小白请参考第二点

目录

一、有代码基础的同学看这儿

效果:

 源码:

有些新入门的铁子可能不知道dw或者vscode是什么,这儿也提供一套方案

二、小白运行教程

1、电脑在桌面右键新建一个文本文档

2、 打开新建的这个文档,将上面的源码复制进去

 3、保存文档退出到桌面,然后选中文档右键修改名字,将txt修改为html

4、此时会提示是否修改,直接点击确定即可,然后就会发现这个文档样子变了

​编辑 

 5、这个时候双击点开即可

三、源码修改

        1、修改爱心颜色:找到如下代码行,将‘’里面的修改为对应的颜色代码即可:

        2、修改背景颜色:找到如下代码行

        3、有个很好玩的地方:这里参数可以调整,自行研究


一、有代码基础的同学看这儿

效果:

分享一个爱心的特效代码_第1张图片

 源码:



 
   New Document 
  
  
  
  
  
 

 
  
  
 

 

有些新入门的铁子可能不知道dw或者vscode是什么,这儿也提供一套方案

二、小白运行教程

1、电脑在桌面右键新建一个文本文档

分享一个爱心的特效代码_第2张图片

2、 打开新建的这个文档,将上面的源码复制进去

分享一个爱心的特效代码_第3张图片

 3、保存文档退出到桌面,然后选中文档右键修改名字,将txt修改为html

分享一个爱心的特效代码_第4张图片

4、此时会提示是否修改,直接点击确定即可,然后就会发现这个文档样子变了

分享一个爱心的特效代码_第5张图片

 5、这个时候双击点开即可

三、源码修改

        1、修改爱心颜色:找到如下代码行,将‘’里面的修改为对应的颜色代码即可:

context.fillStyle = '#00fcff'; //修改颜色

        2、修改背景颜色:找到如下代码行

  background: #000; /*改背景色*/

        3、有个很好玩的地方:这里参数可以调整,自行研究

    effect: -0.75,

你可能感兴趣的:(html从入门到入土,javascript,前端,开发语言)