CSS3 offre une grande variété de nouvelles façons de créer un impact avec vos créations, avec quelques changements importants.
Le développement de CSS3 va être divisé en «modules». L'ancienne spécification était tout simplement trop vaste et complexe pour être mis à jour, donc il a été cassé en petits morceaux - des neuves également ajoutés.
Certains de ces modules comprennent:
Discours module et Borders
Plusieurs modules sont désormais achevés, y compris SVG (Scalable Vector Graphics ), Requêtes médias et espaces de noms. Les autres sont encore en cours d'élaboration sur
Il est incroyablement difficile de donner une date projetée lorsque les navigateurs web vont adopter les nouvelles fonctionnalités de CSS3 -..
Certaines nouvelles constructions de Safari ont déjà commencé à
De nouvelles fonctionnalités seront mises en œuvre progressivement dans les différents navigateurs, et il pourrait encore être un an ou deux avant chaque module est largement adopté.
Espérons que, dans un plutôt positif façon. CSS3 sera évidemment totalement rétrocompatible, donc il ne sera pas nécessaire de modifier la conception existante pour assurer qu'ils fonctionnent -.
Navigateurs Web seront toujours continuer à soutenir CSS2
L'impact principal sera la possibilité d'utiliser de nouveaux sélecteurs et les propriétés qui sont disponibles. Ceux-ci vous permettront à la fois d'atteindre de nouvelles caractéristiques de conception (d'animation ou dégradés par exemple), et d'atteindre les caractéristiques de conception actuelles d'une manière beaucoup plus facile (par exemple en utilisant des colonnes).
La déclaration Opacité règle le degré d'opacité d'un élément est.
Une valeur d'opacité de 1 signifie que l'élément est complètement opaque; une valeur d'opacité de 0 signifie un élément est pas du tout opaque, soit totalement transparent
div {background-color: rgb (255,0,0);. opacité: 1; }
Webkit, Gecko et Opera navigateurs tous Opacité de soutien.
La déclaration RGBA vous permet de définir l'opacité (via le canal alpha), une partie de la valeur de couleur.
div {background-color: rgba (255,0,0,1); }
C