相关疑难解决方法(0)

有一个新的趋势,平面UI称为"长影".
这是一个示例图片:

信用

我真的很喜欢它,现在我希望在我的网站上有这样的效果.但我不会拍照,我想用CSS做!(或HTML5,jQuery等).

我已经找到了一个生成器(JuaniRuizEchazú的长影生成器),但生成的CSS看起来真的很尴尬.

例:

.shape {
    text-shadow: rgb(20, 144, 120) 1px 1px,
    rgb(20, 144, 120) 2px 2px,
    rgb(20, 144, 120) 3px 3px,
    rgb(20, 144, 120) 4px 4px,
    rgb(20, 144, 120) 5px 5px,
    rgb(20, 144, 120) 6px 6px,
    rgb(20, 144, 120) 7px 7px,
    rgb(20, 144, 120) 8px 8px,
    rgb(20, 144, 120) 9px 9px,
    rgb(20, 144, 120) 10px 10px,
    rgb(20, 144, 120) 11px 11px,
    rgb(20, 144, 120) 12px 12px,
    rgb(20, 145, 121) 13px 13px,
    rgb(20, 146, …