大家好，我是 Steven。 打开 CodePen 编辑器，在 HTML 的部份加入标题。由于它有一个副标题，所以我会用 <p> 标签去装着它。然后加入一个 <div>，id 名为 iphone，里面新增两个 <div>，id 分别是 hardwa…

马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的小朋友们是体会不到这种快乐了。但作为前端工程师，这难不倒我们，下面就教大家如何用JS在网页里放烟花。 在 codepen 里搜索 “fireworks” 可以搜到各…

有一天突然想着给图片加水印的事情，就想着来实现一下. 使用canvas技术， 先将图片导入至canvas，在canvas中加水印图片，达到盖章的效果。

首先呢，需要做出来一道倾斜的白光，这道白光就是用来实现“照亮字体”的效果的。 这一步做好之后，接下来的事情就简单了，也就是让白光先消失，然后当鼠标移动到字体上的时候，白光出现，从字体上划过。 上面的图片可以看到，就是白光的边缘不是由白色直接变成黑色，而是渐变成黑色。所以，我们在…