Heim >Web-Frontend >CSS-Tutorial >Projekterweiterungskarten – Meine „Projekte in Tagen'-Reise

Projekterweiterungskarten – Meine „Projekte in Tagen'-Reise

WBOY
WBOYOriginal
2024-08-22 08:32:061061Durchsuche

Project Expanding Cards - My

Dies ist die Projektpräsentation 1/50 aus dem Kurs „50 Projekte in 50 Tagen“, obwohl ich in den letzten 50 Tagen alle Projekte abgeschlossen habe (oder etwas mehr!). ), ich wollte sie auf meine Art machen, ich meine, die Hauptidee oder das Hauptkonzept des Projekts zu nehmen und es richtig zu verstehen, seine Vor- und Nachteile zu erkennen und es sogar auf die nächste Ebene zu bringen.

In diesem Projekt bestand die Hauptidee darin, eine Reihe von Karten (oder Panels) zu erstellen, die sich per Klick erweitern lassen, ganz einfach, aber ich habe hier noch eine Menge anderer Dinge zu implementieren, wie zum Beispiel:

  • Verwendung der Popover-API zum Erweitern des Panels statt eines Mausklicks.
  • Bilder von der Unsplash-API abrufen.
  • Die Panels mit Mausbewegungen interaktiv gestalten.
  • Hinzufügen einer Reflexion unter jedem Panel mit webkit-box-reflect.
  • Hinzufügen eines farbigen Schattens zu jedem Panel (mithilfe des SVG-Filters).

Nach der Implementierung dieser Dinge ging dieses Projekt auf die nächste Ebene, die neben der Ästhetik auch Komplexität in Einfachheit zeigt. Vielleicht könnte ich in Zukunft eine Farbsampling-Funktionalität anwenden!.

Ich würde gerne Ihre Meinungen, Vorschläge und Gedanken hören, vergessen Sie auch nicht, zu liken und zu folgen.

Mein 50-Projekt im 50-Tage-Journey-Repo
Erreichen Sie mich auf Twitter
Erreichen Sie mich auf LinkedIn

Das obige ist der detaillierte Inhalt vonProjekterweiterungskarten – Meine „Projekte in Tagen'-Reise. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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