HTML/CSS/JS表白特效 一学就会

HTML/CSS/JS表白特效 一学就会

效果
HTML/CSS/JS表白特效 一学就会_第1张图片
小姐姐爱了爱了,看到效果后是不是很想学呐~~
let‘s go~~

代码如下

CSS部分


HTML部分

....... /*一共200个span标签 在这里省略*/

JS部分


需要你做的(换成你喜欢的人的图片)

HTML/CSS/JS表白特效 一学就会_第2张图片
将background-image:url(" time.ipeg");中time.ipeg 换成 你喜欢的人的图片名称哦。即为改变图片路径

首先 在文件夹中找到存放刚刚写好的html的文件夹 例如 哄女朋友必备(我的文件夹)
在这里插入图片描述
打开后只有一个html文件 此时只要将你喜欢的人的图片拖拽到此文件夹内即可
在这里插入图片描述
拖拽后如下
在这里插入图片描述
此时将图片的名称复制粘贴替换background-image:url(" time.ipeg");中的 time.ipeg就可以了 是不是很简单 get到了么?
记得CSS部分要写在head标签内哦
记得HTML部分要写在body标签内哦
记得JS部分要写在body标签结束之前哦
HTML/CSS/JS表白特效 一学就会_第3张图片

你可能感兴趣的:(前端)