css
4篇文章 · 0订阅
  • 用canvas实现一个头像上的间断式的能量条
    今天遇到一个很有意思的面试题，面试官给我一道题目，要我实现之前它们公司之前写的一个组件。 首先我介绍下这道题，首先我是先想到用flex布局来写头像分布，因为grid布局不能实现头像最后一排不能居中的效
    前端 JavaScript CSS
    用canvas实现一个头像上的间断式的能量条
  • 别再用 100vh 了！移动端视口高度的终极解决方案
    作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了
    前端 CSS HTML
    别再用 100vh 了！移动端视口高度的终极解决方案
  • 最强大的 CSS 布局 —— Grid 布局
    Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！
    CSS
  • CSS 遮罩 mask/-webkit-mask
    本文只挑几个属性详细说明。 大家做需求的时候有没有遇到过，设计师给的图标图片经常要换色，同一个图标在不同的场景下显示不同的颜色。 图标可以使用SVG来完成，比较适合稳定的项目迭代。也可以使用图片来制作，比较适合短期的活动页。 当图片要达到多种颜色，又希望只使用一套图时候，我们可…
    CSS
    CSS 遮罩 mask/-webkit-mask