동지 포용: 과학, 전통, 축하의 겨울 원더랜드

동지 축제


본문 {
글꼴 모음: '몬세라트', 산세리프;
여백: 0;
패딩: 0;
배경: 선형 그라데이션(하단으로, #1a1a2e, #16213e, #0f3460);
색상: #fff;
오버플로-x: 숨김;
}
본문::이전 {
내용: '';
위치: 고정;
상단: 0;
왼쪽: 0;
너비: 100%;
높이: 100%;
배경: url('https://source.unsplash.com/1600x900/?snow ,숲') 반복되지 않는 센터 센터/커버;
불투명도: 0.5;
Z-색인: -1;
}
헤더 {
텍스트 정렬: 중앙;
패딩: 50px 20px;
배경: rgba(0, 0, 0, 0.7);
상자 그림자: 0 4px 8px rgba(0, 0, 0, 0.5);
}
헤더 h1 {
글꼴 크기: 2.5rem;
여백-하단: 10px;
}
헤더 탐색 ul {
목록 스타일: 없음;
패딩: 0;
디스플레이: 플렉스;
내용 정당화: 센터;
간격: 20px;
}
헤더 탐색 ul li a {
텍스트 장식: 없음;
색상: #00d4ff;
글꼴 두께: 700;
전환: 색상 0.3초 용이성;
}
헤더 탐색 ul li a:hover {
색상: #ff69b4;
}
섹션 {
패딩: 40px 20px;
여백: 20px 자동;
최대 너비: 900px;
배경: rgba(255, 255, 255, 0.1);
테두리 반경: 10px;
상자 그림자: 0 4px 6px rgba(0, 0, 0, 0.3);
}
섹션 h2 {
색상: #00d4ff;
텍스트 정렬: 중앙;
여백-하단: 20px;
}
.축하 {
border-bottom: 1px 솔리드 rgba(255, 255, 255, 0.3);
패딩 하단: 20px;
여백-하단: 20px;
}
.celebration:마지막 자식 {
테두리 하단: 없음;
여백-하단: 0;
}
.눈송이 {
위치: 절대;
상단: -10px;
글꼴 크기: 1.5rem;
색상: #fff;
애니메이션: 가을 10초 선형 무한;
불투명도: 0.8;
}
@keyframes 가을 {
0% {
변환: 변환Y(-100px) 회전(0deg);
왼쪽: calc(100% * var(--x-start));
}
100% {
변환: 변환Y(100vh) 회전(360deg);
왼쪽: calc(100% * var(--x-end));
}
}
바닥글 {
텍스트 정렬: 중앙;
패딩: 20px;
배경: rgba(0, 0, 0, 0.7);
상자 그림자: 0 -4px 8px rgba(0, 0, 0, 0.5);
색상: #bbb;
}
바닥글 탐색 ul {
목록 스타일: 없음;
패딩: 0;
디스플레이: 플렉스;
내용 정당화: 센터;
간격: 15px;
}
바닥글 탐색 ul li a {
텍스트 장식: 없음;
색상: #00d4ff;
전환: 색상 0.3초 용이성;
}
footer nav ul li a:hover {
색상: #ff69b4;
}
.customize-패널 {
위치: 고정;
상단: 20px;
오른쪽: 20px;
배경: rgba(0, 0, 0, 0.7);
패딩: 15px;
테두리 반경: 10px;
상자 그림자: 0 4px 6px rgba(0, 0, 0, 0.5);
z-색인: 1000;
}
.customize-패널 라벨 {
디스플레이: 차단;
여백-하단: 10px;
글꼴 크기: 0.9rem;
색상: #fff;
}
.customize-panel input[type="범위"] {
너비: 100%;
}

동지 기념

• 소개
• 과학
• 반구를 넘어
• 축하
• 전통
• 결론

<section>


<pre class="brush:php;toolbar:false">

위 내용은 동지 포용: 과학, 전통, 축하의 겨울 원더랜드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!