edbrz9
/
ed.brz9.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make copeme popup on center of element

This commit is contained in:
edbrz9 2023-01-01 21:55:32 +01:00
parent b0b52e5388
commit 88f014eb51
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
assets/css/copyme.css
View File

@ -1,22 +1,23 @@
section.copyme-containter { section.copyme-containter {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
} }
span.copypopup { span.copypopup {
position: absolute; position: absolute;
background-color: var(--success); background-color: var(--success);
color: white; color: white;
font-size: 1.5rem; font-size: 1.5rem;
padding: 10px; padding: 10px;
right: -20px; transform: rotate(12deg);
top: -5px; opacity: 0;
transform: rotate(12deg);
opacity: 0;
} }
section.copyme-containter span.success { section.copyme-containter span.success {
animation: fade-in 2s forwards; animation: fade-in 2s forwards;
} }
@keyframes fade-in { @keyframes fade-in {