Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Frontend-Herausforderung: Space Edition

DDD
Freigeben: 2024-09-14 06:22:46
Original
756 Leute haben es durchsucht

Frontend Challenge: Space Edition

Dies ist eine Einreichung für Frontend Challenge v24.09.04, Glam Up My Markup: Space

Was ich gebaut habe

Dies ist eine Website über den Weltraum mit HTML, CSS und Javascript?

Demo

Demo: https://lakshita-kumawat.github.io/Frontend-Challenge-Space-Edition/

Github: https://github.com/Lakshita-Kumawat/Frontend-Challenge-Space-Edition

Reise

Für dieses Projekt habe ich mir zunächst das Aussehen der Website vorgestellt. Ich denke, es wird nicht gut aussehen, aber es ist besser geworden, als ich erwartet hatte. Für den Header-Hintergrund habe ich ein Video verwendet, das ich auf der Pexels-Website gefunden habe. Für die Animation verwende ich gsap und habe zum ersten Mal auch swiper.js verwendet. Ich habe diese Website am letzten Tag fertiggestellt? Daher konnte ich nicht viele Elemente hinzufügen, aber ich habe versucht, den Code sauber zu halten.

Abschluss

Ich habe durch diesen Wettbewerb neue Dinge gelernt, er ist für mich eine großartige Erinnerung und ich finde, dass die Website gut aussieht. Vielen Dank für diese Challenge-Entwickler-Community?

Das obige ist der detaillierte Inhalt vonFrontend-Herausforderung: Space Edition. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!