틀:JOtax/styles.css

2023년 11월 13일 (월) 19:30 판 (원본 보기) Ernst (토론 | 기여) 편집 요약 없음 ← 이전 편집		2023년 11월 13일 (월) 19:30 판 (원본 보기) Ernst (토론 | 기여) 편집 요약 없음 다음 편집 →
34번째 줄:		34번째 줄:
	@keyframes JO-tax-tap1 {		@keyframes JO-tax-tap1 {
	from {height:0px;opacity:0;}		from {height:0px;opacity:0;}
	50% {height:80px;opacity:1;}		50% {height:70px;opacity:1;}
	to {height:auto;opacity:1;}		to {height:auto;opacity:1;}
	}		}

---

2023년 11월 13일 (월) 19:30 판

.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:25px;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:70px;opacity:1;}
  to {height:auto;opacity:1;}
}