User:Saag/common.css: Difference between revisions
Jump to navigation
Jump to search
Tag: Undo |
No edit summary |
||
| Line 9: | Line 9: | ||
left: 300px; | left: 300px; | ||
transform: translate(0, 10px); | transform: translate(0, 10px); | ||
width: auto; | width: auto; | ||
} | } | ||
| Line 20: | Line 17: | ||
right: calc(50% - 10px); | right: calc(50% - 10px); | ||
top: -8px; | top: -8px; | ||
transition-duration: 0.3s; | transition-duration: 0.3s; | ||
transition-property: transform; | transition-property: transform; | ||
| Line 33: | Line 27: | ||
transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); | transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); | ||
} | } | ||
.popover__message { | /*.popover__message {*/ | ||
/* text-align: center;*/ | |||
} | /*}*/ | ||
Revision as of 19:03, 6 September 2024
.popover__wrapper {
position: relative;
display: inline-block;
}
.popover__content {
opacity: 0;
visibility: hidden;
position: absolute;
left: 300px;
transform: translate(0, 10px);
width: auto;
}
.popover__content:before {
position: absolute;
z-index: -1;
content: "";
right: calc(50% - 10px);
top: -8px;
transition-duration: 0.3s;
transition-property: transform;
}
.popover__wrapper:hover + .popover__content {
z-index: 10;
opacity: 1;
visibility: visible;
transform: translate(0, -20px);
transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
/*.popover__message {*/
/* text-align: center;*/
/*}*/