CSS3 tag archives
28
Tutoriels HTML5 et CSS3
Voici une liste de liens pour apprendre HTML5 et CSS3 :
An Introduction to CSS 3-D Transforms
Dans cet article l’auteur explique comment utiliser 3D transform. Vous verrez comment est faite l’application Weather sur l’iPhone.
CSS3 Buttons with no images
Dans cet article l’auteur explique comment faire des boutons en CSS3 sans images
CSS3: box-shadow and inset-shadow
|
1
2
3
4
|
background-color:#F1F1F1;width: 300px;padding:10px;margin:20px; |
Simulate Realism with CSS3
Comment faire simplement des polaroids ou des boutons en CSS3. Un DVD qui sort de sa pochette
Let’s Create Paper with CSS
Comment faire un joli texte style notepad
How to Build Cross-Browser HTML5 Forms
Un formulaire en utilisant Webforms2, Modernizr, jQuery UI et des plugins jQuery.
17
CSS3 un formulaire recherche
Le site WebDesignerWall nous montre comment faire en CSS3 un joli formulaire de recherche. Lorsque le navigateur ne supporte pas CSS3 on a un formulaire classique rectangulaire
Tout d’abord pour faire un cercle en CSS3 :
|
1 2 3 4 5 6 |
.circle { width: 100px; height: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } |
Et pour un ombrage dans la boite recherche supporté uniquement sur Chrome 4+ et Firefox 3.5+ :
|
1 2 3 4 5 |
.inset { -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); box-shadow: inset 0 3px 8px rgba(0,0,0,.24); } |
Ce qui donne :
