mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-29 06:36:41 +07:00
displaying profile backdrop
This commit is contained in:
parent
0eae79ec08
commit
327272a08a
5 changed files with 99 additions and 6 deletions
30
src/components/profile/ProfileBackdrop/styles.scss
Normal file
30
src/components/profile/ProfileBackdrop/styles.scss
Normal file
|
@ -0,0 +1,30 @@
|
|||
.cover {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: 50% 50% no-repeat/cover;
|
||||
opacity: 0;
|
||||
transition: opacity 1s;
|
||||
|
||||
&.active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: url('~/sprites/stripes.svg') transparentize($color: #000000, $amount: 0.5);
|
||||
}
|
||||
|
||||
img {
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue