[MultiCouleur] Texte CSS police

Version imprimable

06/10/2011, 12h05
Lologolas

[MultiCouleur] Texte CSS police

Bonjour à tous,

Je suis actuellement en train de développer un site web, et je me suis penché sur le design en css récemment.

Je souhaiterai créer en css un effet qui donne sur une police 2 couleur différence (une couleur sur la moitié-haut de la police, une autre sur la moitié-bas)

Est-ce possible en CSS, ou sinon comment puis-je y parvenir?

Merci d'avance

Bonsoir,
avec des DIVs superposées et bien placées

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
.text {
  position : relative;;
  font-size : 60px;
  font-weight :bold;
  font-family : "Times New Roman";
  line-height : 60px;
}
.text_1 { /* couleur du bas */
  position : absolute;
  color : #e0e0ff;
}
.text_2 {  /* couleur du haut */
  position : absolute;
  color : #8080ff;
  overflow : hidden;
  height : 30px;
}
</style>
</head>
<body>
<div class="text">
  <div class="text_1">LE TEXTE</div>
  <div class="text_2">LE TEXTE</div>
</div>
</body>
</html>

07/10/2011, 10h27
Bovino

:fleche: Dégradé de texte CSS
12/10/2011, 22h52
NoSmoking

Citation:

Envoyé par Bovino

:fleche: Dégradé de texte CSS

certes, mais pour 2 couleurs cela me paraît un peu lourd :lol:
13/10/2011, 08h35
Bisûnûrs

Mais l'avantage, c'est la non-duplication de contenu. ;)
13/10/2011, 18h21
NoSmoking

Citation:

Mais l'avantage, c'est la non-duplication de contenu. ;)

certes, mais on pourrait l'éviter en jouant avec le sélecteur before, mais la compatibilité n'est pas encore des meilleurs.