:animationDelay

:iconBorder

--element-text-align

--element-title-font

--element-subTitle-font

--element-title-color

--element-color

color

padding

border

background

borderRadius

marginTop

backgroundImage

backgroundSize

--ff-height

display

flexDirection

alignItems

justifyContent

--floor-title-display

:vertical

:justifyContent

:alignItems

:animationName

--element-flex

--element-background

:flexWrap

:size

backgroundRepeat

backgroundAttachment

textAlign

--element-border

--element-padding

--element-margin

:showDetail

:iconSize

:iconColor

/* 设置主页遮罩层 */
#floor-21{
position:relative;
}
#floor-21 .elements{
position:relative;
z-index:1;
}
#floor-21::before{
    content: "";
    background: rgba(0, 0, 0, 0.63);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index:0;
    left: 0;
}

/* 设置楼层标题样式 */
.floor .title-content{
padding: 0 10px 10px 10px;
  border-bottom: 1px solid var(--base-color,transparent);
  display: inline-block;
  position: relative;
  }

.floor .title-content::after{
    content: '';
    display: inline-block;
    width: 40px;
    height: 5px;
    position: absolute;
    bottom: -2.5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--base-active-color);
  }

.floor .title-content::first-letter{
    color: var(--base-active-color);
  }
.floor >.title{
font-size:30px;
margin-bottom:35px;
}

/* 最新博客去除右下边框 */
#floor-24 .element{
border-right:none;
border-bottom:none;
box-shadow:2px 2px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 rgba(255, 255, 255, 0.7);
}

/** 推荐元素添加hover效果 */
#floor-25 .element_image_text{
    position:relative;
}
#floor-25 .element_image_text .title{
    margin-top:14px;
}
#floor-25 .element_image_text:hover .sub-title{
    visibility: visible;
    animation:zoomIn .5s
}
#floor-25 .element_image_text .sub-title{
    visibility: hidden;
    display: flex;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #00000052;
    color: white;
    padding: 10px;
    border-radius: 4px;
}

ttppl

Home

Tools

Web Editor

Blogs

Recommend