User:Saag/common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary Tag: Manual revert |
||
Line 1: | Line 1: | ||
.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, 20px); | |||
} |
Revision as of 13:17, 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, 20px);
}