UI设计
3篇文章 · 0订阅
  • 巧用 CSS 实现酷炫的充电动画
    循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…
    CSS 前端
    巧用 CSS 实现酷炫的充电动画
  • SVG超简单实现豆瓣loading动画
    这段时间在豆瓣上看有什么剧的时候，发现豆瓣的loading动画还挺棒的。所以决定模仿着来写一个。 我通过CSS3配合SVG来完成这次模仿豆瓣的loading动画。没用过SVG的也不用慌，我下面会写出相应的属性方便你去理解。因为这个真的超简单。那么我们就直奔主题吧 我指定了一个宽…
    SVG
  • 三行代码把单调的iconfont改成instagram风
    iconfont的图标，除非使用Symbol类型且下载多色图标，否则只能通过color赋给单色图标，如果引入的icon图标颜色单一，使用者马上就会觉得视觉疲劳。 因此现在许多的应用都用多色的svg来使图标丰富化。现在只要三行代码就能实现媲美多色svg的图标。 我们可以通过给整个…
    CSS
    三行代码把单调的iconfont改成instagram风