css中如何让图框发光 |css游戏上下左右

.my-image{
box-shadow: 0 0 10px rgba(255,255,255,0.5);
}

上面的代码中，.my-image是大家要让发光的图框的类名，box-shadow是属性名，0 0 10px是发光的效果大小，rgba(255,255,255,0.5)则是发光的颜色值和透明度。

其中，0 0表示发光的位置不偏移，10px表示发光的大小为10像素。rgba(255,255,255,0.5)中，255,255,255代表的是白色的颜色值，0.5则是透明度，数值越大越不透明。

大家还可以根据具体的需求来设置box-shadow的值。例如，如果要实现边框发光的效果，则需要将inset关键字加入：

.my-image{
box-shadow: inset 0 0 10px rgba(255,255,255,0.5);
}

上面的代码中，inset关键字代表的是边框内侧发光。

需要注意的是，box-shadow属性的值可以设置多个，用逗号隔开即可。

.my-image{
box-shadow: 0 0 5px rgba(255,255,255,0.5), 
0 0 20px rgba(255,255,255,0.5);
}

上面的代码中，.my-image元素会同时产生两个发光的效果，一个大小为5像素，一个大小为20像素。

通过使用box-shadow属性，大家可以轻松实现图框发光的效果，以此增加页面的美观性。