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

Símbolos Félixbody {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f5f5f5;
}
.container {
display: flex;
gap: 20px; /* Espaço entre os símbolos */
}
.symbol {
width: 100px;
height: 100px;
position: relative;
}
.symbol::before,
.symbol::after {
content: "";
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
background: #a6c0fe;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.symbol.one::before {
background: linear-gradient(45deg, #fbc2eb, #a6c0fe);
transform: rotate(45deg);
}
.symbol.one::after {
background: linear-gradient(-45deg, #fbc2eb, #a6c0fe);
transform: rotate(-45deg);
}
.symbol.two::before {
background: radial-gradient(circle, #ff9a9e, #fad0c4);
transform: translate(-50%, -50%) scale(1.1);
}
.symbol.two::after {
background: radial-gradient(circle, #a6c0fe, #fbc2eb);
transform: translate(-50%, -50%) scale(1.3);
}

Generation Data

Records

Símbolos Félixbody { display: flex ; justify-content: center ; align-items: center ; height: 100vh ; margin: 0 ; background-color: #f5f5f5 ; } . container { display: flex ; gap: 20px ; /* Espaço entre os símbolos */ } . symbol { width: 100px ; height: 100px ; position: relative ; } . symbol::before , . symbol::after { content: "" ; position: absolute ; width: 100px ; height: 100px ; border-radius: 50% ; background: #a6c0fe ; box-shadow: 0 0 10px rgba(0 , 0 , 0 , 0 . 3) ; } . symbol . one::before { background: linear-gradient(45deg , #fbc2eb , #a6c0fe) ; transform: rotate(45deg) ; } . symbol . one::after { background: linear-gradient(-45deg , #fbc2eb , #a6c0fe) ; transform: rotate(-45deg) ; } . symbol . two::before { background: radial-gradient(circle , #ff9a9e , #fad0c4) ; transform: translate(-50% , -50%) scale(1 . 1) ; } . symbol . two::after { background: radial-gradient(circle , #a6c0fe , #fbc2eb) ; transform: translate(-50% , -50%) scale(1 . 3) ; }

INFO

Size

688X1024

Date

Aug 23, 2024

Mode

Studio

Type

cell

Checkpoint & LoRA

SeaArt Infinity

SeaArt Infinity

#Product Design

#SeaArt Infinity

0 comment

0

2

0