Démos

Toutes les démos

<>

Couverture du livre CSS3 Le design web moderne

Livre CSS3

Le design web moderne

Plus d'infos sur le site officiel

En vente sur Amazon, FNAC, Dunod

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
Full CSS Pas de JavaScript Pas d’images
Navigateurs
Safari Chrome
Partagez
Facebook Twitter

Votez

24 votes3.64

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...

#1par Alex Ewanga, le 5 avril 2013

J’aime cette demo et ça inspire

#2par oRiamn, le 4 juillet 2013

"Avec un i devant, c’est plus classe." j’en suis encore mort de rire !


modération à priori

Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

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