利用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 }