Informations
- Présidente :
- cool3634
- Activité :
- 0 connectée(s)
- 1 membres
- 0 messages postés
- Date de création :
- le 08/08/2017 à 11:55
Présentation
Rappel : Base HTML
Bloc <div style="height: HAUTEURpx; width: LARGEURpx; opacity: OPACITÉpx; box-shadow 2px 2px 50px; background-image: linear-gradient(#cc0099, #99cccc);"</div>
Opacité : 0.1 à 1px.
Box shadow : profondeur sur la droite, profondeur sur la gauche, intensité du flou, pour inverser le flou → "inset" .
Dégradé : background-image: linear-gradient(#couleur, #couleur, #couleur, etc), pour changer le sens, "to top" "to left" "to right" "to bottom".
Arrondir les bords : border-radius: 2px 2px 2px 2px
Bordure : border: 5px #00000 solid;
Trait continu : solid, Pointillés : dotted, tirets : dashed, en relief : ridge / groove, double bordure : double.
À suivre...
Code dégradé haut-bas :
background: linear-gradient(to bottom, pink, purple);
Code dégradé milieu-extérieur :
background-image: radial-gradient(white, black);
Code bloc tourné :
<div style="-webkit-transform: rotate(-10deg);
Code image sur bloc-fond :
<img style="margin-top: -250px; margin-left: 485px;" src="http://" alt="" />
Code texte sur bloc-image :
<div style="margin-top: 255px; margin-left: 295px; font size: large; font-variant: small caps; font-weight: blod;">le texte sur l'image</div>
Opacité : 0.1 à 1px.
Box shadow : profondeur sur la droite, profondeur sur la gauche, intensité du flou, pour inverser le flou → "inset" .
Dégradé : background-image: linear-gradient(#couleur, #couleur, #couleur, etc), pour changer le sens, "to top" "to left" "to right" "to bottom".
Arrondir les bords : border-radius: 2px 2px 2px 2px
Bordure : border: 5px #00000 solid;
Trait continu : solid, Pointillés : dotted, tirets : dashed, en relief : ridge / groove, double bordure : double.
À suivre...
Code dégradé haut-bas :
background: linear-gradient(to bottom, pink, purple);
Code dégradé milieu-extérieur :
background-image: radial-gradient(white, black);
Code bloc tourné :
<div style="-webkit-transform: rotate(-10deg);
Code image sur bloc-fond :
<img style="margin-top: -250px; margin-left: 485px;" src="http://" alt="" />
Code texte sur bloc-image :
<div style="margin-top: 255px; margin-left: 295px; font size: large; font-variant: small caps; font-weight: blod;">le texte sur l'image</div>
