편집토론문서 역사

틀:제이위키/대문 애니메이션/styles.css: 두 판 사이의 차이

< 틀:제이위키‎ | 대문 애니메이션
잔글 (WARSAW님이 틀:제이위키 대문/styles.css 문서를 넘겨주기를 만들지 않고 틀:제이위키/대문 애니메이션/styles.css 문서로 이동했습니다)
편집 요약 없음
 
(사용자 2명의 중간 판 14개는 보이지 않습니다)
1번째 줄: 1번째 줄:
.animation2 {
.table {
  margin-left: auto;
  margin-right: auto;
   margin-top: 10px;
   margin-top: 10px;
   height: 100px;
   height: 70px;
   width: 100%;
   max-width: 800px;
   border: 1px solid #FB0055;
   border: 2px solid #FB0055;
   overflow: hidden;
   overflow: hidden;
   font-size: 24pt;
   font-size: 24pt;
  font-weight: bold;
  color: #FB0055;
  letter-spacing: -0.5px;
   text-align: center;
   text-align: center;
  width: 100%;
}
}
.text-animation {
.text-animation {
   margin-top: 35px;
   margin-top: 20px;
   height: auto;
   height: auto;
   animation-name: text-animation;
   animation-name: text-animation;
16번째 줄: 21번째 줄:
   animation-iteration-count: 1;
   animation-iteration-count: 1;
}
}
@keyframes text-animation {
@keyframes text-animation {
   from    {
   from    {
26번째 줄: 32번째 줄:
transform: translateY(0px);
transform: translateY(0px);
}
}
}
@media screen and (max-width: 768px) {
.table {
font-size: 16pt;
  }
}
}

2023년 5월 2일 (화) 20:11 기준 최신판

.table {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  height: 70px;
  max-width: 800px;
  border: 2px solid #FB0055;
  overflow: hidden;
  font-size: 24pt;
  font-weight: bold;
  color: #FB0055;
  letter-spacing: -0.5px;
  text-align: center;
}

.text-animation {
  margin-top: 20px;
  height: auto;
  animation-name: text-animation;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

@keyframes text-animation {
  from    {
		opacity: 0;
		transform: translateY(50px);
	}

  to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@media screen and (max-width: 768px) {
 .table {
 	font-size: 16pt;
  }
}