Tutorial Two-Color Three-Dimensional Blocks and Text
We can use multiple text-shadow and box-shadow values to create a three-dimensional look to blocks or text, like this screenshot of David De...

https://iskablogs.blogspot.com/2014/03/tutorial-two-color-three-dimensional.html
We can use multiple text-shadow and box-shadow values to create a three-dimensional look to blocks or text, like this screenshot of David DeSandro's footer. However in that example, the "three dimesional" part is a solid color.
By alternating colors back and forth in the "stacking order" of our box or text shadow declaration, we can simulate a more three dimensional / lighted effect.
By alternating colors back and forth in the "stacking order" of our box or text shadow declaration, we can simulate a more three dimensional / lighted effect.