Die Sonnenwende umarmen: Ein Winterwunderland voller Wissenschaft, Traditionen und Feste

Feierlichkeiten zur Wintersonnenwende


Körper {
Schriftfamilie: „Montserrat“, serifenlos;
Rand: 0;
Polsterung: 0;
Hintergrund: linearer Farbverlauf (nach unten, #1a1a2e, #16213e, #0f3460);
Farbe: #fff;
overflow-x: versteckt;
}
body::before {
Inhalt: '';
Position: fest;
oben: 0;
links: 0;
Breite: 100 %;
Höhe: 100 %;
Hintergrund: url('https://source.unsplash.com/1600x900/?snow ,Wald') No-Repeat Center Center/Cover;
Deckkraft: 0,5;
Z-Index: -1;
}
Kopfzeile {
text-align: center;
Polsterung: 50px 20px;
Hintergrund: rgba(0, 0, 0, 0,7);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
Kopfzeile h1 {
Schriftgröße: 2,5rem;
margin-bottom: 10px;
}
header nav ul {
Listenstil: keiner;
Polsterung: 0;
Anzeige: Flex;
justify-content: center;
Lücke: 20px;
}
header nav ul li a {
Textdekoration: keine;
Farbe: #00d4ff;
Schriftstärke: 700;
Übergang: Farbe 0,3 Sekunden Leichtigkeit;
}
header nav ul li a:hover {
Farbe: #ff69b4;
}
Abschnitt {
Polsterung: 40px 20px;
Rand: 20px automatisch;
maximale Breite: 900 Pixel;
Hintergrund: rgba(255, 255, 255, 0.1);
Randradius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
Abschnitt h2 {
Farbe: #00d4ff;
text-align: center;
margin-bottom: 20px;
}
.celebration {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding-bottom: 20px;
margin-bottom: 20px;
}
.celebration:last-child {
border-bottom: none;
margin-bottom: 0;
}
.snowflake {
Position: absolut;
oben: -10px;
Schriftgröße: 1,5rem;
Farbe: #fff;
Animation: Fall 10s linear unendlich;
Deckkraft: 0,8;
}
@keyframes fallen {
0 % {
transform: translatorY(-100px) rotate(0deg);
links: calc(100% * var(--x-start));
}
100 % {
transformieren: translatorY(100vh) rotieren(360deg);
links: calc(100% * var(--x-end));
}
}
Fußzeile {
text-align: center;
Polsterung: 20px;
Hintergrund: rgba(0, 0, 0, 0,7);
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.5);
Farbe: #bbb;
}
Fußzeilennavigation ul {
Listenstil: keiner;
Polsterung: 0;
Anzeige: Flex;
justify-content: center;
Lücke: 15px;
}
Fußzeile nav ul li a {
Textdekoration: keine;
Farbe: #00d4ff;
Übergang: Farbe 0,3 Sekunden Leichtigkeit;
}
Fußzeile nav ul li a:hover {
Farbe: #ff69b4;
}
.customize-panel {
Position: fest;
oben: 20px;
rechts: 20px;
Hintergrund: rgba(0, 0, 0, 0,7);
Polsterung: 15px;
Randradius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
Z-Index: 1000;
}
.customize-panel label {
Anzeige: block;
margin-bottom: 10px;
Schriftgröße: 0,9rem;
Farbe: #fff;
}
.customize-panel input[type="range"] {
Breite: 100 %;
}

Wir feiern die Wintersonnenwende

• Einführung
• Die Wissenschaft
• Über alle Hemisphären hinweg
• Feierlichkeiten
• Traditionen
• Fazit

<section>


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

Das obige ist der detaillierte Inhalt vonDie Sonnenwende umarmen: Ein Winterwunderland voller Wissenschaft, Traditionen und Feste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!