css3发光过渡 |文字发光css

.box {
background-color: #fff;
border: 1px solid #ccc;
padding: 20px;
box-shadow: inset 0 0 3px #ccc;
transition: box-shadow .3s ease-in-out;
}
.box:hover {
box-shadow: inset 0 0 5px #00BCD4, 0 0 10px #ccc;
}

上述代码中，大家为一个名为.box的盒子元素添加了一个基础样式，其中包含了背景颜色、边框、内边距和内阴影等。接着，在.box:hover伪类下设置了一个过渡效果，即当鼠标悬停在这个盒子上时，它的阴影效果将发生变化，从而实现了一个简单的发光过渡效果。

通过这种方式，大家可以为任何元素添加发光过渡效果，让它们在交互时更加生动有趣，提高用户的使用体验。