css右下角阴影 |css里面伪类怎么像左右移动

在 CSS 中，实现右下角阴影效果的方法主要有两种：

/* 第一种方法：使用 box-shadow 属性 */
.box{
box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
}
/* 第二种方法：使用伪元素 ::after */
.box{
position: relative;
}
.box::after{
content: "";
position: absolute;
bottom: -10px;
right: -10px;
width: 0;
height: 0;
box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
}

在第一种方法中，通过设置 box-shadow 属性的参数，分别控制阴影的水平偏移量、垂直偏移量、模糊半径和阴影颜色。其中，水平偏移量和垂直偏移量决定了阴影的位置，模糊半径则决定了阴影的模糊效果。

而在第二种方法中，则是通过设置一个伪元素 ::after，利用绝对定位将其定位在原元素的右下角，然后再通过设置宽度和高度为 0，利用 box-shadow 属性来实现阴影效果。

值得注意的是，第二种方法需要为原元素设置 position: relative 属性，才能让伪元素相对于其进行定位。

无论是哪种方法，都可以有效实现右下角阴影效果，只不过通过伪元素的方式会更加灵活，可以随时替换或修改阴影的形状、颜色等属性。