css
7篇文章 · 0订阅
  • 基本CSS技巧，可当作面经
    原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。 缺点：不能和position配合使用，因为超出的尺寸的会被隐藏。 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“b…
    CSS
  • 仅使用CSS提高页面渲染速度
    作者：大漠用户在访问一个Web网站（页面）或应用时，总是希望它的加载速度快，功能流畅。如果过于慢，用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员，给自己应用提供更快的访问速度，提供很好
    前端
  • CSS布局（四）
    到目前为止，CSS布局系列的文章已经写了三篇了，前面的三篇主要为到CSS布局的基本概念，CSS的基本布局方式，以及flex布局。这一篇文章是该系列的最后一篇文章，主要讲grid布局和多列布局的相关内容。前文之路： 这篇文章，我们从Flex布局和Grid布局的区别开始聊起，然后具…
    CSS
  • 一看就会的SCSS
    Scss 是 Sass3 引入的新的语法，其语法完全兼容css3，并且继承了Sass的强大功能。Sass和Scss其实是同一种东西。 Sass是一款强化CSS的辅助工具，它在CSS语法的基础上增加了变量（variables）、嵌套（nested rules)、混合（mixins…
    SCSS
  • 两个DIV实现雷达扫描效果
    其中，radar类DIV是200px的宽高，fan类DIV是100px的宽高。 请用CSS完成下面的效果。 转动的扇形，实现的效果可以通过关键帧来处理。 DIV从距离顶部0的位置更改到距离顶部100px的位置，整个过程需要3秒。 扇形的颜色效果是一个线性渐变的过程，我们可以通过…
    前端 CSS 程序员
    两个DIV实现雷达扫描效果
  • 1.5 万字 CSS 基础拾遗（核心知识、常见需求）
    本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…
    CSS
  • 巧用 CSS 实现酷炫的充电动画
    循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…
    CSS 前端
    巧用 CSS 实现酷炫的充电动画