Suivre

Actualités du site CSS3Create

Actualités sur CSS et le web en général

Typo façon Apple

Créer une typo en Full CSS

Création: juin 2010Modifié:

iPhone 4

Un concentré de technologie dans une toute petite boite.

iOS 4

Avec un i devant, c’est plus classe.

Contenu
HTML + CSS NO JS NO IMG
Navigateurs
Safari Chrome
Propriétés CSS3
gradient background-clip
Partagez
Facebook Twitter

Votez

15 votes3.12

Utilisation de -moz-radial-gradient, -webkit-gradient (radial) afin de créer un effet glossy en CSS3. Utilisation également de -webkit-background-clip:text pour créer un effet de masque sur le texte.

Cet exemple utilise les dégradés radiaux -moz-radial-gradient et -webkit-gradient(radial,... pour créer un effet glossy. Ensuite la propriété background-clip:text permet d’utiliser le texte comme un masque. Cette règle n’est pour le moment non conforme W3C. La propriété existe mais pas la valeur text.

L’effet n’est visible qu’avec le moteur Webkit (Safari, Chrome)

Envie d'une nouvelle démo?

Un p'tit mot...

Aucun message actuellement. Soyez le premier!


Un message, un commentaire ?
    Qui êtes-vous ? (optionnel)
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)