好看的分割线\(^o^)/~

傷城~ 2022-09-28 13:05 177阅读 0赞

<div class="or-spacer">
        <div class="mask"></div>
        <span><i>wow</i></span>
    </div>

.or-spacer {
        margin-top: 100px;
        margin-left: 100px;
        width: 400px;
        position: relative;
    }
    .or-spacer .mask {
        overflow: hidden;
        height: 20px;
    }
    .or-spacer .mask:after {
        content: '';
        display: block;
        margin: -25px auto 0;
        width: 100%;
        height: 25px;
        border-radius: 125px/12px;
        box-shadow: 0 0 8px black;
    }
    .or-spacer span {
        width: 50px;
        height: 50px;
        position: absolute;
        bottom: 100%;
        margin-bottom: -25px;
        left: 50%;
        margin-left: -25px;
        border-radius: 100%;
        box-shadow: 0 2px 4px #999;
        background: white;
    }
    .or-spacer span i {
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 4px;
        right: 4px;
        border-radius: 100%;
        border: 1px dashed #aaa;
        text-align: center;
        line-height: 40px;
        font-style: normal;
        color: #999;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，177人围观）

还没有评论，来说两句吧...

相关阅读

相关 python迅速绘制好看的极线图

python迅速绘制好看的极线图 -------------------- 文章目录 python迅速绘制好看的极线图前言一、引入matpl

太过爱你忘了你带给我的痛/ 2022年11月05日 08:52/ 0 赞/ 176 阅读

相关好看的分割线\(^o^)/~

<div class="or-spacer"> <div class="mask"></div> <span><i>wow</i></s

傷城~/ 2022年09月28日 13:05/ 0 赞/ 178 阅读

相关 ios 横分割线纵分割线

1、效果图可以看到start 和温度之间有一个纵分割线下面有一个横分割线 ![Center][]

古城微笑少年丶/ 2022年07月21日 01:57/ 0 赞/ 215 阅读

相关 ListView分割线

重新定义分割线Drawable的Bounds 首先，需要清楚一个事实：出现以上情况的矛盾点，是官方ListView的分割线属性不支持左右留白。所以最佳的解决方案，就是使得官方

我就是我/ 2022年07月17日 00:44/ 0 赞/ 188 阅读

相关详解RecyclerView的分割线

RecyclerView分割线详解具体的原理可以参考底部留下的第一个地址用法可以参考第二个地址 ![例图][26207770-file_148713

心已赠人/ 2022年07月12日 06:50/ 0 赞/ 205 阅读

相关 RecyclerView 官方分割线

DividerItemDecoration 官方的分割线 > 今天忽然看到一个好东西,给大家分享一下.在API 25之后,Google添加了一个DividerItemDe

悠悠/ 2022年06月15日 11:48/ 0 赞/ 226 阅读

相关 RecycleView的分割线基础

RecycleView很多人可能用不习惯，觉得太麻烦了，但是实际上用起来的时候功能非常强大。话不多说开始吧。 ItemDecoration这个是RecycleView分

落日映苍穹つ/ 2022年05月19日 05:42/ 0 赞/ 159 阅读

相关 kivy分割线的实现

<Separator@Widget>: canvas: Color: rgba: 1, 1, 1

客官°小女子只卖身不卖艺/ 2022年02月24日 04:50/ 0 赞/ 269 阅读

相关分割线

知识点分割线的4种写法 --- ___ - - - —与h2的区别作为分隔符要加一个回车演示内容

曾经终败给现在/ 2021年12月17日 03:35/ 0 赞/ 345 阅读

相关 Android:分割线

我们在进行Android页面开发时会经常遇到这样的页面 ![20190803231019954.png][] 在两个输入框之间往往加入一条分割线，闲的更加美观,其实分割线实

我就是我/ 2021年11月11日 00:56/ 0 赞/ 426 阅读