CSS3 tag archives

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.

Développement-code     Étiquettes : ,

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 :

.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+ :

.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 :



Développement-code     Étiquettes :