Easy CSS

Easy CSS

Le répertoire de référence du CSS
Tous les effets de transitions css (hover..)
Tous les effets de transitions css (hover..)
Créer une transition en css Quelques effets de transitions css incontournables Avant le CSS3, beaucoup de petits effets s'effectuaient à...
Plus d'infos
Créer des animations en css
Créer des animations en css
Les animations en css Les Animations permettent de jouer avec les propriétés CSS dans le temps, c’est en fait un...
Plus d'infos
Ajoutez des filtres sur vos images en CSS
Ajoutez des filtres sur vos images en CSS
Quelques idées de filtres  à appliquer en css N'hésitez pas à profiter des propriétés CSS3 pour ajouter quelques effets sur...
Plus d'infos

{ Les derniers articles }

 

Partagez ce contenu !Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPrint this pageEmail this to someone

Créer des animations en css

 

 Les animations en css Les Animations permettent de jouer avec les propriétés CSS dans le temps, c’est en fait un enchaînement de plusieurs transitions. 2 blocs de référence pour créer une animation Pour les animations en CSS, il faut partir du principe que l’on a deux blocs de référence. Bloc 1 : les keyframes Bloc 2 : les propriétés Syntaxe d’une déclaration d’animation avec @keyframe Compatibilité de la propriété css animation Partagez ce contenu !

Positionnement des éléments en css

 

 Les propriétés de positionnement en css Plusieurs manières de gérer le positionnement de vos éléments html Flux des éléments html De manière générale, pour le positionnement en css, il vaut mieux utiliser le flux naturel des éléments html de type inline et block et jouer avec les propriétés css pour la mise en place en ajoutant des espaces avec les propriétés css margin, padding etc.. Rappel des éléments de type inline et block : les éléments html  de type inline, relatifs au texte, comme par exemple img, strong, span, a, em, i, b les éléments html de type block comme h1, h2, p, div, footer, article, ul, li, nav… qui se comportent comme un bloc, c’est à dire qu’il prend toute la largeur disponible …

Les codes couleur en css

 

 La couleur en css : syntaxe, code et règles de déclaration Couleur en css : quelle syntaxe ? Exemple de déclaration css pour appliquer une couleur sur un titre : fichier .css fichier .html résultat dans le navigateur Les différents valeurs css pour la couleur Il y a différentes manières de gérer les couleurs pour le CSS standard soit par le nom soit par la couleur hexadécimale soit par la couleur décimale Par exemple : Code couleur par son nom     Code couleur hexadécimale Les couleurs hexadécimales correspondent tout simplement au code RVB de la couleur notifié en hexadécimale. C’est une combinaison de lettres et de chiffres qui indiquent une couleur, etcomposée de 6 caractères contenant des lettres de 0 à 9 …

Ajoutez à votre site une couleur de fond en css

 

 La propriété background-color La propriété background-color correspond à la couleur d’arrière-plan d’un élément. Même si la propriété de couleur d’arrière-plan ne s’hérite pas, l’arrière-plan du bloc parent sera transparent par défaut, à cause de la valeur transparent inhérente à la propriété background-color : la couleur de l’élément parent  est visible à travers l’espace libre de l’élément enfant Dans la plupart des cas, il est préférable de spécifier un arrière-plan sur le body, plutôt qu’à l’élément html. Rappel des codes couleurs à utiliser : transparent : arrière-plan transparent [nom] : arrière plan dans la couleur indiquée par son nom #RRVVBB : arrière plan dans la couleur indiquée par sa couleur hexadécimale rgb( r, v, b ) : arrière plan dans la couleur indiquée par les 3 valeurs …

{ EASY CSS }

 

votre guide du CSS

Partagez ce contenu !Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPrint this pageEmail this to someone