VesperAkshay/qr-code-generator

Add Blinking Animation to Social Icons on Hover

Ouverte

#164 ouverte le 9 oct. 2024

Voir sur GitHubGuide contributeur
 (5 commentaires) (0 réaction) (1 personne assignée)JavaScript (97 forks)auto 404
gssoc-exthacktoberfesthacktoberfest-acceptedlevel 1

Métriques du dépôt

Stars
 (40 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

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

Guide contributeur

Direction de recherche
Cherchez les icônes sociales dans le HTML et ajoutez une animation CSS au survol utilisant des keyframes pour l'effet de clignotement.
Stack technique
javascriptcss
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
90