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

大家好，我是 Steven。 这个效果中文叫作骨架屏，英文叫 Skeleton，今期会跟大家分享在 CSS 上实现这个效果的方法。 打开 CodePen 编辑器，在 HTML 的部份加入一些结构，例如是一张卡片。 新增一个 <div> 标签，class 名为 card…

大家好，我是 Steven。 这期我们会做一个滑动放大表情符号的效果，随着游标移过表情符号，表情符号会放大。除此之外，背景的灰色也会有个不规则的顺滑线条放大，这个部分我们会用 SVG 去制作的。 打开 CodePen 编辑器，在 HTML 里面加入 <svg> 标签。…

大家好，我是 Steven。 今集我们会尝试只用 HTML 和 CSS，实现基础的轮播图效果，当然会有一些功能的缺失，例如不能自动跳转，但我们来看看用 CSS 可以实现到多少。 打开 CodePen 编辑器，先建立 HTML 的结构，轮播图我会用 <ul> 去制作，加…