Cookie

Attention


Cet article a été publié il y a plus d'un an, il peut y avoir des développements été.
S'il vous plaît prendre en compte.

Comme beaucoup le savent le CSS3 n'ont pas encore été pleinement mises en œuvre par les navigateurs, nous ne servons pas dans la première partie de ce tutoriel!. Déjà mis en œuvre par spécifique CSS2 était la propriété "contour". Penchons-nous sur un exemple:

p.test {
    frontière: 1px solide #000000;
    contour: 3px solid # 6374AB;
    largeur: 20à;
}

Ces quelques lignes nécessitent la création d'un une bordure noire pixel dans le paragraphe, et un contour (esterno à terre) couleur "# 6374ab" de trois pixels. Elle précise également le largeur du paragraphe. Le résultat est le suivant:

outline_css.jpg

Mais que devons-nous faire si nous avions besoin d'un effet de contour appliqué aux contours des mots? Dans ce cas, nous devons servir l' CSS3, qui, comme déjà mentionné sont la mise en œuvre incomplète et ne sont pas encore norme, mais comme il est juste un effet visuel appliqué au texte est suffisant pour donner un peu attention, car il continue à lire le contenu.

La technique ici-bas peut-être pas le plus "Orthodoxe", mais résout certainement le problème. Avec CSS3, vous pouvez créer un ou plusieurs ombre au texte, et ils nous créent des huit différents (tous les points cardinaux et l'intermédiaire) nous aurions résolu le problème. Ombra le nord, le nord-est, une annonce est, etc. L'image suivante est une petite explication de ce que je veux atteindre:

outline_lettera.jpg

La seule règle doit être appliquée "text-shadow", disponibles que dans la troisième version de CSS.

p.outlined_text{
    font-size:20px;
    text-shadow:
    0px 1px 1px rouges,
    0px rouge 1px-1px,
    0px 0px 1px rouges,
    0px 0px rouge 1px,
    0px 0px rouges 1px,
    0px 0px-1px rouges,
    0px 1px 1px-rouge,
    0px 1px 1px rouge;
}

Et ceci est le résultat:

outlined_text.jpg
  Tutoriel: Papier journal rétro avec Gimp
Catégories: GraphiqueWeb

TheJoe

Je garde ce blog comme un hobby par 2009. Je suis passionné de graphisme, la technologie, logiciel Open Source. Parmi mes articles ne sera pas difficile de trouver de la musique, et quelques réflexions personnelles, mais je préfère la ligne directe du blog principalement à la technologie. Pour plus d'informations me contacter.

0 commentaires

Laisser un commentaire

Votre adresse email ne sera pas publiée. les champs requis sont indiqués *

Ce site utilise Akismet pour réduire le spam. Découvrez comment vos données de commentaire est traité.