css阴影效果

text-shadow: 0 0 2px #686868, 0 1px 1px #ddd, 0 2px 1px #d6d6d6, 0 3px 1px #ccc, 0 4px 1px #c5c5c5, 0 5px 1px #c1c1c1, 0 6px 1px #bbb, 0 7px 1px #777, 0 8px 3px rgba(100, 100, 100, 0.4), 0 9px 5px rgba(100, 100, 100, 0.1), 0 10px 7px rgba(100, 100, 100, 0.15), 0 11px 9px rgba(100, 100, 100, 0.2), 0 12px 11px rgba(100, 100, 100, 0.25), 0 13px 15px rgba(100, 100, 100, 0.3);

    -webkit-transition: all .1s linear;

    transition: all .1s linear;


hover效果代码:

text-shadow: 0 0 2px #686868, 0 1px 1px #fff, 0 2px 1px #fff, 0 3px 1px #fff, 0 4px 1px #fff, 0 5px 1px #fff, 0 6px 1px #fff, 0 7px 1px #777, 0 8px 3px #fff, 0 9px 5px #fff, 0 10px 7px #fff, 0 11px 9px #fff, 0 12px 11px #fff, 0 13px 15px #fff;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容