css3 圆点淡出

Posted on 2021-11-16 10:31 且行且思阅读(12) 评论(0) 编辑收藏举报

<!DOCTYPE html>
<html><head>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="always" name="referrer"><meta name="theme-color" content="#2932e1">
<meta name="description" content="。">




<title>点淡出</title>
<style index="newi" type="text/css">
.shopee-popover, .shopee-popover__ref {
    display: inline-block;
    top:15px;
}
:not(input):not(textarea) {
    -webkit-tap-highlight-color: transparent;
}


.sidebar-menu-item-dot[data-v-5fe982fb] {
    position:relative;
    display:inline-block;
    width:16px;
    height:16px
}
.sidebar-menu-item-dot[data-v-5fe982fb]:after,.sidebar-menu-item-dot[data-v-5fe982fb]:before {
    content:"";
    display:inline-block;
    position:absolute;
    top:5px;
    left:5px;
    width:6px;
    height:6px;
    border-radius:50%;
    background-color:#ee4d2d
}
.sidebar-menu-item-dot[data-v-5fe982fb]:after {
    -webkit-animation:1s ease-in-out 0s infinite pulsateDotShadow-data-v-5fe982fb;
    animation:1s ease-in-out 0s infinite pulsateDotShadow-data-v-5fe982fb
}
.sidebar-menu-item-collapse[data-v-5fe982fb] {
    width:16px;
    height:16px;
    -webkit-transition:-webkit-transform .2s ease;
    transition:-webkit-transform .2s ease;
    transition:transform .2s ease;
    transition:transform .2s ease,-webkit-transform .2s ease
}
.sidebar-menu-collapse .sidebar-menu-item-collapse[data-v-5fe982fb] {
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
.sidebar-menu-item:hover .sidebar-menu-item-collapse[data-v-5fe982fb] {
    color:#ee4d2d
}
@-webkit-keyframes pulsateDotShadow-data-v-5fe982fb {
    0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
to {
    -webkit-transform:scale(2.6);
    transform:scale(2.6);
    opacity:.1
}
}@keyframes pulsateDotShadow-data-v-5fe982fb {
    0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
to {
    -webkit-transform:scale(2.6);
    transform:scale(2.6);
    opacity:.1
}
}

</style>
<body>
sssssssssssssssss
<div class="shopee-popover__ref">
<span data-v-5fe982fb="" class="sidebar-menu-item-dot"></span> 
</div>
</body>
</html>

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

明天的明天永远的永远未知的一切我与你一起承担 ??

公告

搜索

常用链接

积分与排名

随笔分类 (2373)

相册 (11)

软件安全

Flex 学习园

VB.Net

程序员博客

聊天系统

我的社区

阅读排行榜

推荐排行榜

css3 圆点淡出

明天的明天 永远的永远 未知的一切 我与你一起承担 ??

公告

搜索

常用链接

积分与排名

随笔分类 (2373)

相册 (11)

软件安全

Flex 学习园

VB.Net

程序员博客

聊天系统

我的社区

阅读排行榜

推荐排行榜

css3 圆点淡出

明天的明天永远的永远未知的一切我与你一起承担 ??