35 lines
796 B
SCSS
Vendored
35 lines
796 B
SCSS
Vendored
.gradient-bottom-left-two {
|
|
height: 100vh;
|
|
background: radial-gradient(20% 60% at 50% 50%, #3B8AFF 0%, #0048b3 100%);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: auto;
|
|
overflow: hidden;
|
|
|
|
.c {
|
|
border-radius: 50%;
|
|
padding: 5rem;
|
|
background: radial-gradient(60% 60% at 50% 50%, transparent 67%, #00000078 100%);
|
|
.xs-circle{
|
|
padding: 250px;
|
|
}
|
|
}
|
|
|
|
.xl-circle {
|
|
transform: translate(-186px, 195px);
|
|
}
|
|
.lg-circle {
|
|
transform: translate(-70px, 35px);
|
|
|
|
}
|
|
.md-circle {
|
|
transform: translate(27px, 21px);
|
|
}
|
|
.sm-circle {
|
|
transform: translate(-42px, -62px);
|
|
}
|
|
.xs-circle {
|
|
transform:translate(-24px, -68px);
|
|
}
|
|
} |