给 “文字” 同时设置 渐变、浮雕效果、阴影

.titleText{
        border:10px solid green;
        display: flex;
        height: 100%;
        justify-content: center;
        h1.informationPlatform{
          border:1px solid red;
          font-family:Microsoft YaHei;
          font-size:40px;
          font-weight: bold;

          background: linear-gradient(to top, #43ea80, #38f8d4);
          -webkit-background-clip: text;
          color:transparent;

          position: absolute;
          z-index: 1;
          white-space: nowrap;
        }
        &::after{
          content:'\515a\7fa4\8fde\5fc3\6865-\515a\5efa\5f15\9886\7f51\683c\7cbe\7ec6\5316\6cbb\7406\6307\6325\5e73\53f0';
          display:block;
          font-family:Microsoft YaHei;
          font-size:40px;
          font-weight: bold;
          background: linear-gradient(to top, #43ea80, #38f8d4);
          -webkit-background-clip: text;
          color:transparent;
          text-shadow: 0px -1px 1px #32e4c8, 0px 1px 1px #0e8554, 0px 0px 60px rgba(0,183,34,1);
          position: absolute;
          margin-top: 2px;
          z-index: 0;
          white-space: nowrap;
        }
      }

 

posted on 2022-12-16 08:52  九涅  阅读(48)  评论(0编辑  收藏  举报

导航