sombra de caixa escrever bordas múltiplas

Primeiro a última renderização:
                                                                                 

css:
div.shadow_test{
        box-shadow: 0 0 0 6px rgba(0, 255, 255, 1), 0 0 0 12px rgba(255, 51, 153, 1), 0 0 0 18px rgba(255, 255, 153,1), 0 0 0 24px rgba(153, 102, 204, 1);
        height: 100px;
        margin: 50px auto;
        width: 100px
    }

Este método funciona bem e evita a criação de vários DOMs.
Sombra de caixa anexada. Uso:

URL de referência: uso de box-shadow