extend portrait background
This commit is contained in:
parent
5e2d1a362b
commit
7ea37a9423
1 changed files with 16 additions and 1 deletions
|
|
@ -472,15 +472,30 @@ const projects: Project[] = [
|
|||
|
||||
width: var(--portrait-frame-size);
|
||||
height: var(--portrait-frame-size);
|
||||
position: relative;
|
||||
border-radius: 50%;
|
||||
background: var(--color-slate);
|
||||
overflow: visible;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hero__portrait-frame::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
z-index: 0;
|
||||
width: 110%;
|
||||
aspect-ratio: 1;
|
||||
border-radius: 50%;
|
||||
background: var(--color-slate);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.hero__portrait {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 110%;
|
||||
height: auto;
|
||||
display: block;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue