平行四边形按钮小样式

最新推荐文章于 2024-09-07 10:42:28 发布

成长中的向日葵

最新推荐文章于 2024-09-07 10:42:28 发布

阅读量883

点赞数 1

分类专栏： css vue 文章标签： css3 css html

本文链接：https://blog.csdn.net/SSophia/article/details/122079227

版权

vue 同时被 2 个专栏收录

12 篇文章 1 订阅

订阅专栏

css

8 篇文章 0 订阅

订阅专栏

平行四边形按钮小样式

在这里插入图片描述

<div class="title1" @click="go_BI2">
        <div class="skew1">人工智能巡视预警平台</div>
      </div>

.title1{
    cursor: pointer;
    background: rgba(28, 81, 109,0.5);
    width: 290px;
    margin-top: 15px;
    color: #fff;
    font-size: 22px;
    position: fixed;
    top:0px;
    left: 20%;
    text-align: center;
    transform: skewX(23deg);
    border:1px solid #366e85;
    z-index: 9999;
    .skew1{
      transform: skewX(-23deg);
      padding: 5px 0;
    }
  }