CSS 3 RULZ !!1!<3
Tout comme son acolyte le HTML 5, le CSS 3 va déchirer, plus besoin de le démontrer. Dernièrement j’ai découvert une petite manip bien sympathique, merci Félix, pour créer un effet de relief sur des textes en utilisant le Cascading Style Sheet, (ça fait classe de le dire en entier :)).
Vous avez surement déjà remarqué les effets du style Photoshop ou Apple avec un ligne d’environ un pixel de couleur plus claire sous un texte donnant un effet “d’enfoncement”. Avant vous étiez obligé de faire une image ou de superposer deux textes avec un décalage d’un pixel (pas bon pour le ref !), mais maintenant avec la fonction “text-shadow“, plus besoin de tout ça. En une ligne de CSS vous avez un joli relief.
Ainsi placez votre texte sur un fond légèrement sombre, avec une couleur très sombre puis appliquez “text-shadow” sur le dit texte comme ceci :
text-shadow: 1px 1px 0px #couleur;
Comment ça marche ? En gros la syntaxe de cette déclaration est la suivante “text-shadow : décalage-x décalage-y flou couleur”. Nous décalons donc d’un pixel vers la droite et vers le bas, n’appliquons pas de flou et utilisons une couleur plus claire que celle du texte. Le résultat est alors semblable à celui en entête de billet.
