zoukankan      html  css  js  c++  java
  • 弹框小三角

    1. 样子

    代码

    .f-list-header-plate:before {
        content: "";
        position: absolute;
        left: 63px;
        top: -5px;
        display: block;
         10px;
        height: 10px;
        z-index: 1;
        background-color: #fff;
        border: 1px solid #ebebeb;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-color: #ebebeb transparent transparent #ebebeb;
      }

    2.文件夹小三角

    代码

    .left_nav .ant-menu li .ant-menu-submenu-title:after {
        transition: opacity 0.2s;
        opacity: 1;
        display: block;
        content: '';
         0;
        height: 0;
        position: absolute;
        top: 20px;
        right: 16px;
        border: 5px solid transparent;
        border-top-color: rgba(0, 0, 0, 0.65);
    }

    3.最新版本

           &:before {
                content: "";
                position: absolute;
                clear: both;
                left: 791px;
                top: 7px;
                display: block;
                 0;
                height: 0;
                border: 6px solid transparent;
                padding: 0;
                margin: 0;
                top: 0px;
                left: 790px;
                border-bottom-color: rgba(0, 0, 0, 0.8);
            }
  • 相关阅读:
    Hibernate核心接口和类
    Struts 2基础知识
    博客开篇
    程序员的幽默笑话(深意爆笑)
    追MM的各种算法
    全局css(慕课)
    全局css
    目录的分层
    class 设置多个css属性
    Python爬虫学习:四、headers和data的获取
  • 原文地址:https://www.cnblogs.com/mailyuan/p/11246398.html
Copyright © 2011-2022 走看看