„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Projekterweiterungskarten – Meine „Projekte in Tagen“-Reise

Projekterweiterungskarten – Meine „Projekte in Tagen“-Reise

Veröffentlicht am 29.08.2024
Durchsuche:854

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:

  • Verwenden 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.

My 50 Project in 50 Days Journey's Repo
Erreichen Sie mich auf Twitter
Erreichen Sie mich auf LinkedIn

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/alishata128/project-1-expanding-cards-my-50-projects-in-50-days-journey-1na6?1 Bei Verstößen wenden Sie sich bitte an Study_golang @163.com löschen
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3