CSS box-shadow 和 transform 属性详解 - 创建阴影和平移效果

"box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);" 是一个 CSS 属性，用于在元素周围创建一个阴影效果。具体解释如下：\n\n- "box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);" 表示在元素的周围创建一个阴影效果。\n- 第一个参数 0 表示阴影的水平偏移量，这里为 0 表示阴影水平不偏移。\n- 第二个参数 5px 表示阴影的垂直偏移量，这里为 5px 表示阴影向下偏移 5 像素。\n- 第三个参数 10px 表示阴影的模糊半径，这里为 10px 表示阴影的边缘模糊半径为 10 像素。\n- 第四个参数 rgba(0, 0, 0, 0.1) 表示阴影的颜色，这里为黑色，透明度为 0.1。\n\n"transform: translateY(-1px);" 是一个 CSS 属性，用于对元素进行平移变换。具体解释如下：\n\n- "transform: translateY(-1px);" 表示对元素进行垂直方向上的平移变换。\n- translateY(-1px) 表示向上平移 1 像素，负值表示向上平移，正值表示向下平移。