利用css3给座右铭设置漂亮的渐变色 

1 .footer-container .footer-content p .motto {
2     font-weight: bolder;
3     -webkit-background-clip: text;
4     -webkit-text-fill-color: transparent;
5     background-image: linear-gradient(to right,#ff6e71,#ffaa73,#3cdc82,#64dcf0,#b4b4ff);
6 }

 

1 .name {
2     -webkit-background-clip: text;
3     -webkit-text-fill-color: transparent;
4     background-image: linear-gradient(to right, #fb929e, #aedefc);
5 }

 

posted @ 2018-12-18 17:29  叶子玉  阅读(243)  评论(0)  编辑  收藏  举报