편집 요약 없음 태그: 되돌려진 기여 |
태그: 편집 취소 |
||
| 5번째 줄: | 5번째 줄: | ||
overflow:hidden; | overflow:hidden; | ||
height:0px; | height:0px; | ||
opacity:0; | opacity:0; | ||
} | } | ||
| 17번째 줄: | 16번째 줄: | ||
@keyframes JO-tax-tap { | @keyframes JO-tax-tap { | ||
from {height | from {height:0px;opacity:0;} | ||
50% {height:26px;opacity:1;} | 50% {height:26px;opacity:1;} | ||
to {height:auto;opacity:1;} | to {height:auto;opacity:1;} | ||
| 35번째 줄: | 33번째 줄: | ||
@keyframes JO-tax-tap1 { | @keyframes JO-tax-tap1 { | ||
from {height | from {height:0px;opacity:0;} | ||
50% {height:74px;opacity:1;} | 50% {height:74px;opacity:1;} | ||
to {height:auto;opacity:1;} | to {height:auto;opacity:1;} | ||
} | } | ||
2023년 11월 13일 (월) 19:40 판
.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: 1s;
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;}
}