Firefox 10.0.1, tout fraichement sorti, amène le support des 3D transform. Supportées par Webkit depuis un bon moment maintenant, il est donc temps de s'y intéresser.
Voici une petite expérimentation CSS3 partant d'une simple case à cocher et de son label.
Today I share with you a little trick to trigger a CSS3 animation on click without javascript, with only pure CSS.
For this snippet, I'll use a download link that will trigger an animated down arrow on click.
Il y a quelques mois, Bruno Bichet nous montrait sa méthode pour créer simplement des boutons dans l'éditeur TinyMCE. Une méthode efficace 100% CSS. Ma méthode n'est pas une alternative à celle de Bruno mais un complément car le but n'est pas le même.
Pour cela, j'en passerais par deux exemples différents, visant à styler les liens pointant vers des fichiers média.
Voici la suite de ma précédente expérimentation CSS sur un formulaire animé. Pour le coup, je me suis "Bon, elle est bien rigolote cette petite enveloppe, mais ça serait mieux si je pouvais y mettre carrément le formulaire dedans...".
Une simple expérimentation CSS, sans tutoriel. J'ai ajouté à ce formulaire de contact une petite enveloppe animée à côté du bouton "Envoyer". Celle-ci se ferme, s'incline et se déplace, laissant apparaitre les messages d'information concernant l'état d'envoi de l'email.
Dans la lignée de mon précédent article Personnaliser les checkbox en CSS façon iOS, nous allons utiliser le même principe pour personnaliser des checkbox et des boutons radio sans image, en n'utilisant que du CSS (CSS3 principalement), mais en gardant un aspect boite à cocher et bouton radio cette fois.
