表白html代码_【CSS动画】圣诞节表白新技能get-CSDN博客

故事的开头是这个样子的~

鲸鱼我就接到了女盆友这样的需求：

女盆友眼里程序员估计是无所不能吧~

鲸鱼?就要言辞拒绝

现在让写代码，以后可不得

上九天揽月

下五洋捉鳖

哼，我们程序员也是很傲娇的

不过，朋友们！

事情似乎没有这么简单

女盆友怎么突然让你给她写代码？

这个需求不明确啊

要是产品经理

早就要求对方打回重写需求

鲸鱼赶忙查了查日历

噢 ~ 圣诞节快到了~

这是一道送分题！

空气中又弥漫着爱情的腐臭味(嗯，我们基本把圣诞节过成了情人节)

又到了女盆友考验男盆友爱意的季节~

现在需求明确了：代码表白你见过没~

接到需求就要分析内容，确定实现技术栈

- 得好玩~ 嗯前端动画怎么样？

merryChristmas.html

<h1 id="jittery">MerryChristmas!h1><h2>To  <em>茹茹em> <br/>...爱你的 <em>康康em> h2><div class="santa">div>

style.css

/* 代码太长微信公众号无法显示*/https://github.com/AlexZ33/gestureOflove/blob/master/merrychristmas.html

const jittery = document.getElementById("jittery");const aText = jittery.innerText.split("");let letters = "";for (let i = 0; i < aText.length; i++) {  letters += `${aText[i]}`;}jittery.innerHTML = letters;

来，我们康康效果~

? 大功告成剩下的就是上传服务器

把链接发给女盆友拉~

怎么圣诞用代码表白你学到了吗？

抄代码访问这里：https://github.com/AlexZ33/gestureOflove/blob/master/merrychristmas.html

查看在线效果点击

❤️爱心三连击

1.看到这里了就点个在看支持下吧，你的「点赞，在看」是我们创作的动力。

2.关注公众号图灵IT青年俱乐部

 回复「沙龙」参加线上线下技术沙龙； 回复「python」参加python训练营； 回复「java」参加2020版企业实战Java精英线下课程； 回复「图灵编程」了解图灵IT青年俱乐部；

3.也可添加微信【17612567626】，一起成长。