mirror of
https://github.com/ineesalmeida/almeida-cv.git
synced 2024-11-27 09:43:07 +00:00
30 lines
No EOL
605 B
SCSS
30 lines
No EOL
605 B
SCSS
.avatar {
|
|
width: 100%;
|
|
height: $width-right-col - 6rem;
|
|
position: relative;
|
|
overflow: hidden;
|
|
|
|
&__container {
|
|
@include hz-center;
|
|
width: 100%;
|
|
clip-path: circle(50% at 50% 56%);
|
|
height: $width-right-col - 8rem;
|
|
text-align: center;
|
|
transition: all 0.3s cubic-bezier($cubic);
|
|
|
|
&:hover {
|
|
width: 110%;
|
|
}
|
|
}
|
|
|
|
&__img {
|
|
object-fit: cover;
|
|
width: 110%;
|
|
transition: all 0.3s cubic-bezier($cubic);
|
|
@include all-center;
|
|
|
|
&:hover {
|
|
width: 105%;
|
|
}
|
|
}
|
|
} |