편집 요약 없음 |
편집 요약 없음 |
||
36번째 줄: | 36번째 줄: | ||
50% {height:74px;opacity:1;} | 50% {height:74px;opacity:1;} | ||
to {height:auto;opacity:1;} | to {height:auto;opacity:1;} | ||
} | |||
.JO-tax-trigger2 { | |||
cursor: help; | |||
} | |||
.JO-tax-trigger2:hover ~ .JO-tax-content { | |||
animation: JO-tax-tap1; | |||
animation-iteration-count: 1; | |||
animation-duration: 1.5s; | |||
animation-fill-mode: forwards; | |||
animation-timing-function: ease; | |||
} | } |
2023년 11월 17일 (금) 19:51 판
.JO-tax-trigger {
cursor: help;
}
.JO-tax-content {
overflow:hidden;
height:0px;
opacity:0;
}
.JO-tax-trigger:hover > .JO-tax-content {
animation: JO-tax-tap;
animation-iteration-count: 1;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: ease;
}
@keyframes JO-tax-tap {
from {height:0px;opacity:0;}
50% {height:26px;opacity:1;}
to {height:auto;opacity:1;}
}
.JO-tax-trigger1 {
cursor: help;
}
.JO-tax-trigger1:hover > .JO-tax-content {
animation: JO-tax-tap1;
animation-iteration-count: 1;
animation-duration: 1.5s;
animation-fill-mode: forwards;
animation-timing-function: ease;
}
@keyframes JO-tax-tap1 {
from {height:0px;opacity:0;}
50% {height:74px;opacity:1;}
to {height:auto;opacity:1;}
}
.JO-tax-trigger2 {
cursor: help;
}
.JO-tax-trigger2:hover ~ .JO-tax-content {
animation: JO-tax-tap1;
animation-iteration-count: 1;
animation-duration: 1.5s;
animation-fill-mode: forwards;
animation-timing-function: ease;
}