css
6篇文章 · 0订阅
  • 如何用自己喜欢的 CSS 风格重置网站的样式
    许多前端开发人员都在用 Normalize 为他们的网站设计样式。一些人喜欢在 Normalize.css 中添加一些自己偏好的样式，我也一样。 在本文中，我会与你分享我自己的 CSS reset 项目（除了 Normalize.css 之外我还使用它们）。 box-sizin…
    CSS
  • CSS 绘制各种形状
    使用 CSS 可以绘制出许多形状，比如三角形、梯形、圆形、椭圆，等 并不只是可以绘制矩形。下面来看看怎么实现这些形状的吧。 为了容易理解，文章分为基本形状 和 组合形状来说，基本形状是比较容易实现的，而利用这些基本形状进行组合，就可以实现稍微复杂点的组合形状了。 心形是由两个圆…
    CSS
  • 【译】一行css代码搞定响应式布局
    在这篇文章中，我将教你如何使用 CSS Grid 来创建一个超酷的图像网格图，它将根据屏幕的宽度来改变列的数量。最精彩的地方在于：所有的响应特性被添加到了一行 css 代码中。这意味着我们不必将 HTML 与丑陋的类名(如col-sm-4, col-md-8)混杂在一起，也不必…
    CSS 前端
  • 用 CSS 写一个商城卡券需要几步
    交给测试后，我们来分析下 CSS 卡券。 background是可以设置多个图片的，遵循background: [background-color] [background-image] [background-repeat] [background-attachment] […
    CSS
  • 用canvas绘制流星夜空
    我们知道，canvas动画实现依赖于画布的重绘,通过不停的清空画布，绘制画布就能实现基本的动画效果。一般使用clearRect方法清除指定矩形区域，来实现重绘。长尾效果是使用透明的填充色代替clearRect方法来实现的。 ，遮住了之前所画的内容所以和清除效果是一样的。 透明度…
    Canvas
    用canvas绘制流星夜空
  • 当遇到css布局，你在考虑什么？
    ​ CSS布局在前端开发中像呼吸一样——再平常不过的事。比如同事A在尝到了Flexbox布局的甜头之后，任何布局都会以display:flex打头阵，同事B因为项目得支持IE10，像避开毒蛇一样的避开Flexbox布局方法。你会发现我可能有点嗤笑这样的行为，我曾经也是这样的一员…
    CSS
    当遇到css布局，你在考虑什么？