User:Saag/common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
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 { | .popover-content:hover { | ||
z-index: 10; | z-index: 10; | ||
Line 4: | Line 20: | ||
visibility: visible; | visibility: visible; | ||
transform: translate(0, 20px); | transform: translate(0, 20px); | ||
} | } |
Revision as of 13:10, 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);
}