Avatar notebook default
CSS
10篇文章 · 1626字 · 1人关注
  • css:绘制多重边框

    需求 在不增加冗余结构的情况下,只使用CSS绘制多重边框,如下图所示。 方法 box-shadow方案box-shadow的第四个参数(称为扩张...

  • css: 绘制半透明边框(修改background-clip属性)

    需求描述 如图所示,欲给内层容器设置白色的背景和白色的半透明边框,使外层容器的背景色可以透过来。 无效的尝试 关于上述需求,最开始的尝试可能是这...

  • CSS变量

    CSS变量是由CSS作者定义的实体,其中包含要在整个文档中重复使用的特定值。使用自定义的属性来设置变量名,并使用特定的var()来访问。 声明 ...

  • 使用css绘制三角形

    效果 源码 借助css中的border属性即可 HTML CSS 原理 1. 对border的误解 一般而言,我们使用border是为了给某个元...

  • CSS技巧 | 善用::after伪元素添加装饰性内容

    概念 CSS伪元素::after用来创建一个伪元素,作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟...

  • css:解决position: relative定位后出现的空白

    问题描述 某一元素设置position: relative之后,原本的位置会留下一块空白区域,其后的元素并不会自动补全这块空白。 问题原因 该关...

  • Resize,w 360,h 240
    css技巧:防止页面加载图片时发生“抖动”

    一、问题场景 假设我们在一个页面中需要异步加载图片,图片尺寸不是固定的,而是自适应屏幕宽度的正方形。 由于屏幕尺寸未知,这时我们就不能设置固定的...

  • Resize,w 360,h 240
    用CSS实现高斯模糊效果:filter、backdrop-filter

    高斯模糊是一种常见的效果(俗称毛玻璃效果),在CSS中使用filter、backdrop属性均可实现。一、filter这其实是一种“假”模糊,需...

  • Resize,w 360,h 240
    sticky-footer布局的方法

    一、什么是sticky-footer布局?sticky-footer布局是一种经典的布局效果,可概况如下:如果页面内容不够多(小于一屏),则页脚...

文集作者