css
3篇文章 · 0订阅
  • 【CSS】骨架屏 Skeleton 效果
    大家好，我是 Steven。 这个效果中文叫作骨架屏，英文叫 Skeleton，今期会跟大家分享在 CSS 上实现这个效果的方法。 打开 CodePen 编辑器，在 HTML 的部份加入一些结构，例如是一张卡片。 新增一个 <div> 标签，class 名为 card…
    CSS
    【CSS】骨架屏 Skeleton 效果
  • iPhone 12 页面卷动逐行滑入效果
    大家好，我是 Steven。 打开 CodePen 编辑器，在 HTML 的部份加入标题。由于它有一个副标题，所以我会用 <p> 标签去装着它。然后加入一个 <div>，id 名为 iphone，里面新增两个 <div>，id 分别是 hardwa…
    CSS
    iPhone 12 页面卷动逐行滑入效果
  • 被低估的CSS滤镜：drop-shadow
    如果你熟悉CSS，则可能了解 box-shadow 属性。但是你知道有一个CSS滤镜 drop-shadow 可以做类似的事情吗？就像 box-shadow 一样，我们可以输入x-offset、y-offset、模糊半径和颜色的值。 与 box-shadow 不同，它不需要 s…
    CSS 前端
    被低估的CSS滤镜：drop-shadow