前端斜线渐变样式

最新推荐文章于 2024-03-20 11:38:15 发布

qq_40580292

最新推荐文章于 2024-03-20 11:38:15 发布

阅读量218

点赞数

文章标签：前端开发 CSS 渐变背景 transform linear-gradient

本文链接：https://blog.csdn.net/qq_40580292/article/details/115701019

版权

前端斜线渐变样式

# 欢迎使用Markdown编辑器

.sdSty{
    top: 20%;
    color: #09993c;
    font-size: 60upx;
    /*-webkit-transform:rotate(30deg);*/
    position: absolute;
    right: 80upx;
    font-style:italic
  }
  .ydSty{
    top: 48%;
    color: #616163;
    font-size: 40upx;
    /*-webkit-transform:rotate(30deg);*/
    position: absolute;
    right: 30upx;
    font-style:italic
  }
  .xfSty{
    top: 50%;
    position: absolute;
    right: 0upx;
    width: 160upx;
    height: 2upx;
    transform: rotate(108deg);
    webkit-transform: rotate(90deg);
    background: -webkit-linear-gradient(left, #fff -4%,#56534e 50%,#fff 100%);
  }