首页 > 其他分享 >给 “文字” 同时设置 渐变、浮雕效果、阴影

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

时间:2022-12-16 09:00:55浏览次数:44  
标签:0px text 渐变 top 阴影 1px background font 浮雕

.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;
        }
      }

 

标签:0px,text,渐变,top,阴影,1px,background,font,浮雕
From: https://www.cnblogs.com/jiunie/p/16986480.html

相关文章