Skip to content

Instantly share code, notes, and snippets.

@cutls
Created April 1, 2020 05:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cutls/47e5de8ec7c7777b342a1031634520b5 to your computer and use it in GitHub Desktop.
Save cutls/47e5de8ec7c7777b342a1031634520b5 to your computer and use it in GitHub Desktop.
TLのみんなにマスクをつけてもらうCSS
.account__avatar::after {
content: '';
display: inline-block;
background-image: url(https://media.thedesk.top/media_attachments/files/000/273/649/original/1a30d21516ac8a47.png);
width: 48px;
height: 23px;
top: 23px;
position: absolute;
background-size: cover;
}
.account__avatar-overlay-base::after {
content: '';
display: inline-block;
background-image: url(https://media.thedesk.top/media_attachments/files/000/273/649/original/1a30d21516ac8a47.png);
width: 36px;
height: 15px;
top: 18px;
position: absolute;
background-size: cover;
}
.account__avatar-overlay-overlay::after {
content: '';
display: inline-block;
background-image: url(https://media.thedesk.top/media_attachments/files/000/273/649/original/1a30d21516ac8a47.png);
width: 24px;
height: 15px;
top: 10px;
position: absolute;
background-size: inherit;
}
.avatar .account__avatar::after {
content: '';
display: inline-block;
background-image: url(https://media.thedesk.top/media_attachments/files/000/273/649/original/1a30d21516ac8a47.png);
width: 94px;
height: 48px;
top: 48px;
position: absolute;
background-size: cover;
left: -3px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment