Entrée de téléchargement de fichier avec icône SVG

929 alejandrokundrah

Ouvrir dans l'éditeur Video Publiez votre code

Entrée de téléchargement de fichier avec icône SVG

Recommandé

10 January 2026

Modèle HTML de portfolio de développeur Full Stack

9 September 2025

Page de réservation d'hôtel HTML - Chambres, équipements, contact

22 March 2025

Site de jeux en ligne

HTML

CSS

.input-div {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid rgb(1, 235, 252);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  box-shadow: 0px 0px 100px rgb(1, 235, 252) , inset 0px 0px 10px rgb(1, 235, 252),0px 0px 5px rgb(255, 255, 255);
  animation: flicker 2s linear infinite;
}

.icon {
  color: rgb(1, 235, 252);
  font-size: 2rem;
  cursor: pointer;
  animation: iconflicker 2s linear infinite;
}

.input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer !important;
}

@keyframes flicker {
  0% {
    border: 2px solid rgb(1, 235, 252);
    box-shadow: 0px 0px 100px rgb(1, 235, 252) , inset 0px 0px 10px rgb(1, 235, 252),0px 0px 5px rgb(255, 255, 255);
  }

5% {
    border: none;
    box-shadow: none;
  }

10% {
    border: 2px solid rgb(1, 235, 252);
    box-shadow: 0px 0px 100px rgb(1, 235, 252) , inset 0px 0px 10px rgb(1, 235, 252),0px 0px 5px rgb(255, 255, 255);
  }

25% {
    border: none;
    box-shadow: none;
  }

30% {
    border: 2px solid rgb(1, 235, 252);
    box-shadow: 0px 0px 100px rgb(1, 235, 252) , inset 0px 0px 10px rgb(1, 235, 252),0px 0px 5px rgb(255, 255, 255);
  }

100% {
    border: 2px solid rgb(1, 235, 252);
    box-shadow: 0px 0px 100px rgb(1, 235, 252) , inset 0px 0px 10px rgb(1, 235, 252),0px 0px 5px rgb(255, 255, 255);
  }
}

@keyframes iconflicker {
  0% {
    opacity: 1;
  }

5% {
    opacity: 0.2;
  }

10% {
    opacity: 1;
  }

25% {
    opacity: 0.2;
  }

30% {
    opacity: 1;
  }

100% {
    opacity: 1;
  }
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
  background-color: #000000; /* Optional: for visibility */
}

Recommandé

Modèle HTML de portfolio de développeur Full Stack

Page de réservation d'hôtel HTML - Chambres, équipements, contact

Site de jeux en ligne

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS