User:Saag/common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 11: | Line 11: | ||
width: auto; | width: auto; | ||
} | } | ||
.popover-content:before { | /*.popover-content:before {*/ | ||
/* position: absolute;*/ | |||
/* z-index: -1;*/ | |||
/* text-align:left;*/ | |||
/* right: calc(50% - 10px);*/ | |||
/* top: -8px;*/ | |||
/* transition-duration: 2s;*/ | |||
/* transition-property: transform;*/ | |||
} | /*}*/ | ||
.popover-wrapper:hover + .popover-content { | .popover-wrapper:hover + .popover-content { | ||
z-index: 10; | z-index: 10; | ||
Line 25: | Line 25: | ||
visibility: visible; | visibility: visible; | ||
transform: translate(0, -20px); | transform: translate(0, -20px); | ||
transition: all 0. | transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97); | ||
} | } |
Revision as of 19:53, 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;*/
/* text-align:left;*/
/* right: calc(50% - 10px);*/
/* top: -8px;*/
/* transition-duration: 2s;*/
/* transition-property: transform;*/
/*}*/
.popover-wrapper:hover + .popover-content {
z-index: 10;
opacity: 1;
visibility: visible;
transform: translate(0, -20px);
transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}