Símbolo Félixbody { display: flex; justify

Símbolo Félixbody {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f5f5f5;
}
.symbol-container {
display: flex;
gap: 20px;
}
.symbol {
width: 100px;
height: 100px;
position: relative;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
display: flex;
justify-content: center;
align-items: center;
}
.symbol::before {
content: "";
position: absolute;
width: 70px;
height: 70px;
border-radius: 50%;
background: #4CAF50; /* Cor verde para sorte */
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
.symbol::after {
content: "";
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
background: #FFC107; /* Cor dourada para felicidade */
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

创作参数

记录

Símbolo Félixbody { display: flex ; justify-content: center ; align-items: center ; height: 100vh ; margin: 0 ; background-color: #f5f5f5 ; } . symbol-container { display: flex ; gap: 20px ; } . symbol { width: 100px ; height: 100px ; position: relative ; background: #fff ; border-radius: 50% ; box-shadow: 0 0 10px rgba(0 , 0 , 0 , 0 . 2) ; display: flex ; justify-content: center ; align-items: center ; } . symbol::before { content: "" ; position: absolute ; width: 70px ; height: 70px ; border-radius: 50% ; background: #4CAF50 ; /* Cor verde para sorte */ box-shadow: inset 0 0 10px rgba(0 , 0 , 0 , 0 . 3) ; } . symbol::after { content: "" ; position: absolute ; width: 50px ; height: 50px ; border-radius: 50% ; background: #FFC107 ; /* Cor dourada para felicidade */ top: 50% ; left: 50% ; transform: translate(-50% , -50%) ; box-shadow: 0 0 10px rgba(0 , 0 , 0 , 0 . 3) ; }

信息

尺寸

688X1024

日期

Aug 23, 2024

模式

实验室

类型

cell

模型 & 风格

SeaArt Infinity

SeaArt Infinity

#SeaArt Infinity

共 0 条评论

0

0

0