动画
5篇文章 · 0订阅
  • 8个硬核技巧带你迅速提升CSS技术 | 掘金直播总结
    前段时间笔者收到可爱漂亮的小册姐姐的邀请，做了人生首次直播分享。分享主题是《玩转CSS的艺术之美》，跟笔者在9月底发布的掘金小册同名。 9月底发布的玩转CSS的艺术之美，首日预售就达到709本，预售仅三日就破1000本。这也让笔者感到惊讶，没想到CSS技术还是那么受倔友们的欢迎…
    HTML CSS
    8个硬核技巧带你迅速提升CSS技术 | 掘金直播总结
  • 聊聊苹果营销页中几个有趣的交互动画
    前两天在浏览 苹果 16寸 营销页面 的时候，发现了几个比较有意思的交互，心里想着自己虽然是一个穷逼，但是知识是无界限的呀，于是便研究了一波。 一个是屏幕慢慢打开的效果，在屏幕打开的过程中，电脑图片 是在屏幕中固定不动的，直到打开完毕或者关闭完毕的时候再让 电脑图片 随着滚动条…
    CSS
    聊聊苹果营销页中几个有趣的交互动画
  • 我写CSS的常用套路
    本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…
    CSS
    我写CSS的常用套路
  • JDR DESIGN 开发小结 — 萌新妹子の项目初体验
    JDR DESIGN 是京东零售设计中台的门户站点，展示京东零售设计服务平台的产品以及应用场景，特点是动效丰富、图片细节多、要求整站文案和外链可配置。项目最大的困难就是动效开发复杂和开发排期紧凑的问题。 这是我入职以来负责的第一个项目，需要花大量时间来熟悉新的开发流程，项目排期…
    前端
    JDR DESIGN 开发小结 — 萌新妹子の项目初体验
  • 奇妙的 CSS MASK
    本文将介绍 CSS 中一个非常有意思的属性 mask 。 顾名思义，mask 译为遮罩。在 CSS 中，mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 其实 mask 的出现已经有一段时间了，只是没有特别多实用的场景，在实战中…
    CSS 前端
    奇妙的 CSS MASK