Plugins utilizados
Container Pai
.divPai{
height: 100vh;
perspective: 3000px;
perspective-origin: 50% 73%
}
.divObrigado{
transform: rotateX(90deg) scaleX(.44);
border-radius: 40px
}
Container Degradê
.gradient{
background: conic-gradient(from 90deg at 50% 50%,#F8F8F8 0deg, #0C0C0C 6deg,#B1B1B1 100deg, #F8F8F8 360deg);
mix-blend-mode: color-dodge
}
Título "A melhor comunidade de desenvolvimento"
selector{
mix-blend-mode: color-dodge
}
Container Sobreposição
.sobreposicao{
background: linear-gradient(180deg, #08081E 0%, rgba(8, 8, 30, 0.00) 68.29%, #08081E 100%);
}
Lísta de ícones
@media screen and (max-width: 767px){
selector ul{
display: flex;
justify-content: space-between;
}
}
Cabeçalho
selector{
mix-blend-mode: color-dodge
}
Container Cards
.card{
background: linear-gradient(130deg, rgba(255, 255, 255, 0.02) 19.68%, rgba(255, 255, 255, 0.10) 72.77%);
box-shadow: -7px -9px 26.1px 0px rgba(255, 255, 255, 0.08) inset, 7px 9px 19.6px 0px rgba(0, 0, 0, 0.20) inset;
}
