3d字体样式

1、3d(less)

这是单项的，根据显示自动改为3d样式

<div class="box">
    <div class="a">
        啦啦啦
    </div>
</div>

@color: #0982C1;
.text3d(@color) {
    color: @color;
    text-shadow: 1px 1px 0px darken(@color, 5%),
                 2px 2px 0px darken(@color, 10%),
                 3px 3px 0px darken(@color, 15%),
                 4px 4px 0px darken(@color, 20%),
                 4px 4px 2px #000;
  }

.box {
    width: 500px;
    min-height: 500px;
    margin: 0 auto;
    .b {
        width: 200px;
        height: 200px;
        // background-color: @color;
        font-size: 32pt;
        .text3d(#0982c1);
    }
}

2、3d折叠（less）(angular)

双向，可后台改变࿰