hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Créez des boutons radio animés amusants avec Radiobox.css

Les boutons radio HTML5 par défaut sont plutôt ennuyeux. Il existe des façons de les personnaliser en utilisant CSS3, mais la plupart des techniques se concentrent uniquement sur les looks .

Radiobox.css se concentre sur les looks et le style en ajoutant des animations CSS3 personnalisées aux entrées radio.

Cette bibliothèque est totalement gratuite et open source, disponible sur GitHub à télécharger. Avec cette bibliothèque CSS, vous pouvez choisir parmi plus de 12 animations différentes qui s'appliquent aux boutons radio.

Sans les styles CSS personnalisés, ils ressembleront toujours aux entrées radio normales . Mais lorsque l'utilisateur clique pour sélectionner un bouton, il obtient un effet d'animation fou . Vous pouvez voir des exemples en direct sur la page principale Radiobox qui montre chaque style à côté de son nom.

Vous pouvez installer Radiobox directement depuis npm ou bower, ou même télécharger les fichiers localement sur votre machine. GitHub héberge tous ses fichiers dans un CDN si vous voulez jouer sans rien télécharger.

Le seul fichier dont vous avez besoin est radiobox.min.css qui devrait aller directement dans votre tête de document . De là, vous ajoutez simplement une classe simple à chaque bouton radio en fonction de l'animation que vous voulez.

Voici un extrait de code pour l'effet "boing":

Notez que l'animation "boing" a son propre fichier CSS appelé boing.min.css . Cela doit être inclus si vous prévoyez d'utiliser cet effet sur la page.

Lorsque vous téléchargez Radiobox, vous devriez obtenir un répertoire de démonstration avec des démos en direct pour tous ces effets . Vous pouvez simplement copier / coller le code directement sur votre page pour le faire fonctionner sans tracas.

Pour une documentation complète, consultez le rapport principal ainsi que le site de démonstration en direct . Si vous souhaitez contacter les créateurs, vous pouvez envoyer un e-mail depuis le site Web de 720 Ko ou un message via Twitter @ 720 kb_ .

30 tunnels d'arbres qui vous couperont le souffle

30 tunnels d'arbres qui vous couperont le souffle

Les tunnels d'arbres sont l'un des phénomènes curieux et beau de la nature . Par définition, un tunnel d'arbre est décrit comme une route ou une rue qui a des rangées d'arbres cultivés des deux côtés. Les arbres forment d'une manière ou d'une autre un auvent qui donne l'effet d'un tunnel.Certains

(Conseils techniques et de conception)

Comment récupérer votre URL d'image Gravatar

Comment récupérer votre URL d'image Gravatar

Avoir une photo de profil également connue sous le nom "image d'avatar" est assez essentiel en ligne. Nous mettons en ligne notre meilleure image de profil sur les sites Web et les sites sociaux pour la légitimité, la crédibilité et pour que les gens reconnaissent mieux notre présence en ligne.WordP

(Conseils techniques et de conception)