편집 요약 없음 |
편집 요약 없음 |
||
19번째 줄: | 19번째 줄: | ||
/* 테스트에요 여러분 테스트 2 */ | /* 테스트에요 여러분 테스트 2 */ | ||
. | before, | ||
after { | |||
box-sizing: border-box; | |||
position: relative; | |||
letter-spacing: 0.04em; | |||
} | |||
body { | |||
font-family: "Signika Negative", sans-serif; | |||
font-weight: 300; | |||
} | |||
.section { | |||
height: 100vh; | |||
width: 100%; | width: 100%; | ||
position: relative; | |||
padding: 0; | |||
text-align: center; | |||
overflow: hidden; | overflow: hidden; | ||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.bg1 { | |||
background-color: #ccc; | |||
} | |||
.bg2 { | |||
background-color: #333; | |||
} | } | ||
h1 { | h1 { | ||
font-size: 40px; | font-size: 40px; | ||
line-height: 1.2; | line-height: 1.2; | ||
margin: 0; | margin: 0; | ||
} | |||
.revealUp { | |||
opacity: 0; | opacity: 0; | ||
visibility: hidden; | visibility: hidden; | ||
} | |||
.spacer { | |||
height: 50vh; | |||
background-color: #000; | |||
} | } |
2023년 4월 23일 (일) 14:21 판
/* 테스트에요 여러분 테스트 */
.ageofchange {
margin-top: 10px;
line-height: 80px;
width: 100%;
animation-name: ageofchange;
font-size: 24pt;
font-family: KoPubDotumMedium;
font-weight: bold;
text-align: center;
animation-duration: 4s;
animation-iteration-count: infinite;
}
@keyframes ageofchange {
0% {background-color:#580009; color:#CFA547; left:20px; top:10px;}
50% {background-color:#00F1BA; color:#252525; left:20px; top:10px;}
100% {background-color:#580009; color:#CFA547; left:20px; top:10px;}
}
/* 테스트에요 여러분 테스트 2 */
before,
after {
box-sizing: border-box;
position: relative;
letter-spacing: 0.04em;
}
body {
font-family: "Signika Negative", sans-serif;
font-weight: 300;
}
.section {
height: 100vh;
width: 100%;
position: relative;
padding: 0;
text-align: center;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.bg1 {
background-color: #ccc;
}
.bg2 {
background-color: #333;
}
h1 {
font-size: 40px;
line-height: 1.2;
margin: 0;
}
.revealUp {
opacity: 0;
visibility: hidden;
}
.spacer {
height: 50vh;
background-color: #000;
}