User:Saag/common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
position: absolute; | position: absolute; | ||
left: 300px; | left: 300px; | ||
transform: translate(0, | transform: translate(0, 10px); | ||
width: auto; | width: auto; | ||
/*transition: all 0.4s cubic-bezier(0.75, -0.02, 0.2, 0.97);*/ | /*transition: all 0.4s cubic-bezier(0.75, -0.02, 0.2, 0.97);*/ | ||
| Line 19: | Line 19: | ||
opacity: 1; | opacity: 1; | ||
visibility: visible; | visibility: visible; | ||
transform: translate(0, | transform: translate(0, 200px); | ||
} | } | ||
Revision as of 13:23, 14 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;
/*transition: all 0.4s cubic-bezier(0.75, -0.02, 0.2, 0.97);*/
}
.popover-wrapper:hover .popover-content,
.popover-content:hover {
z-index: 10;
opacity: 1;
visibility: visible;
transform: translate(0, 200px);
}