make copeme popup on center of element
This commit is contained in:
parent
b0b52e5388
commit
88f014eb51
|
@ -1,22 +1,23 @@
|
|||
section.copyme-containter {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
span.copypopup {
|
||||
position: absolute;
|
||||
background-color: var(--success);
|
||||
color: white;
|
||||
font-size: 1.5rem;
|
||||
padding: 10px;
|
||||
right: -20px;
|
||||
top: -5px;
|
||||
transform: rotate(12deg);
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
background-color: var(--success);
|
||||
color: white;
|
||||
font-size: 1.5rem;
|
||||
padding: 10px;
|
||||
transform: rotate(12deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
section.copyme-containter span.success {
|
||||
animation: fade-in 2s forwards;
|
||||
animation: fade-in 2s forwards;
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
|
|
Loading…
Reference in New Issue