VesperAkshay/qr-code-generator

Add Blinking Animation to Social Icons on Hover

Offen

#164 geöffnet am 09.10.2024

Auf GitHub ansehenContributor Guide
 (5 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (97 Forks)auto 404
gssoc-exthacktoberfesthacktoberfest-acceptedlevel 1

Repository-Metriken

Stars
 (40 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Description Current Design The social icons remain static with no interaction feedback on hover, making them less engaging.

Proposed Design Introduce a subtle blinking effect when users hover over the social icons to add interactivity and visual appeal.

Mockups/Examples (Optional: Could you attach any mockups to illustrate the hover effect?)

Benefits Adds an interactive, eye-catching element to the social icons Encourages users to engage with the icons, enhancing user experience Additional Information This small design tweak will add a modern touch to the page, aligning with current design trends for interactive UI elements.

image

Contributor Guide

Research-Richtung
Suchen Sie die sozialen Symbole im HTML und fügen Sie eine CSS Hover Animation mit Keyframes für den Blinkeffekt hinzu.
Tech Stack
javascriptcss
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
1
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
90