CSS pseudo 3d / elemento em relevo

O que torna este pequeno trecho legal é o fato de que não é um mixin, mas uma função de script SASS e pode ser usado com elementos de texto e html.

Espero que ajude!

// usage text-shadow / box-shadow : shadow-3d($color, $length);
// adds pseudo-3d vertical shadow

@function shadow-3d($col, $h){
    $str : "";
    $shadow-col : darken($col, 5%);
        @for $i from 1 through $h{
            $str : "#{$str} 0 #{$i}px 0 #{$shadow-col},";  
        } 

            $str : "#{$str} 0 #{$h}px 10px rgba(0,0,0,.6), 0 #{$h}px 4px rgba(0,0,0,.4)"  ;

        @return unquote($str);
}