un truco muy cool que puede dar un toque de algo de diferencia a nuestros diseños es el long shadow, o sombra larga. Consiste en agregarle sombra a un elemento y extenderla hasta el límite de su contenedor o hasta donde nosotros lo deseemos.

como sabrás con text-shadow de CSS3 lo podemos hacer fácilmente, pero sería muy tedioso tener que repetir las propiedades de la sombra decenas de veces, para eso vamos a uilizar Sass, para hacer el trabajo tedioso, utilizaremos un Loop y un Mixin de Sass, metodos ideales para hacer la tarea de este Tips de Css.

See the Pen Animacion basica – CSS3 by frontend (@tutosytips) on CodePen
1

Lo que hacemos es crear una función para generar la propiedad del text-shadow las veces que queramos, en este caso 60 veces, comienza 1px 1px $color e irá aumentando hasta llegar a 60px 60px $color. tenemos una variable color, para jugar con su tonalidad por medio de las funciones de colores que nos proporciona Sass y finalmente utilizamos un Mixin que será el encargado de llamar y aplicar la función en la propiedad.