240 发简信
  • CSS 半透明遮罩层

    很多时候,我们需要通过一层半透明的遮罩层来把后面的一切整体调暗,以便凸显某个特定的UI元素,引导用户关注,比如弹出层或者交互指南。这个效果的传统...

  • CSS 有史以来第一个变量—currentColor

    在CSS 颜色(第三版)规范中,增加了很多颜色关键字,比如lightgoldenrodyellow等,不是很常用,但是我们还得到了一个特殊的关键...

  • 120
    CSS使用min-content自适应内部元素

    难题 众所周知,如果不给元素一个具体的height,它就会自动适应内容的高度。假如我们希望width也具有同样的类似行为,该怎么做呢?如下: 假...

  • 正则表达式 regexone.com Lesson

    Lesson 1 -https://regexone.com/lesson/introduction_abcs Solutions: Lesso...

  • 120
    现代CSS 实现照片画廊布局

    我们经常会遇到不同布局的照片墙展示图片,下面来使用纯CSS 实现照片墙。 响应式布局Responsive Layout 首先我们设想画廊在大屏上...

  • 关于响应式网页设计的一些思考

    尽量减少代码重复 对于响应式来说,每个媒体查询都会增加成本,添加的媒体查询越多,CSS代码就会越变得经不起折腾,这并不是说媒体查询就是一种不良实...

  • 四、CSS3 Animation元素运动实现

    我们用关键帧关键帧可以实现精灵图的切换,同时通过background-size背景解决了自适应的问题,这样还是不够的,元素还仅仅只是在原地进行帧...

  • 三、自适应雪碧图

    用雪碧图做精灵动画会有一个问题:必须通过绝对尺寸获取图片坐标,否则就会出错,大多情况下可能会准备2套图片,如果不这样做,在分辨率缩放的情况下,精...

  • 正则表达式

    正则表达式应用场景:1.在IDE中使用正则表达式处理规则复杂的字符串查找、替换需求2.在JavaScript程序设计中使用正则表达式处理字符串3...

个人介绍
猫奴,前端小白:)
少写代码,少填坑