Something about CSS(updating⏳)
2020-05-01

一切来源于生活,看到或想到感兴趣的东西,仅仅用自己想要的形式表现出来。

CSS filter

box-shadow阴影效果

  • 利用css滤镜模糊效果实现图片自身色彩阴影效果

类Windows10毛玻璃效果

  • 利用filter结合background-attachment:fixed实现

    Acrylic
  • 使用backdrop-filter实现(使用起来简单,但目前兼容性较差,查看兼容性)

    Acrylic

CSS position

pinterest瀑布流布局

CSS border

小书签

  • 使用border结合::before& ::after实现书签效果

    书签

    书签

    我是一个小书签

奇形怪状

  • 使用border结合::before& ::after实现平行四边形效果


阳光阴影效果 (test)

Oranges