Bouton
Résolu
Anthony
-
Anthony -
Anthony -
Bonjour,
J'ai réalisé ce bouton (http://imageshack.us/a/img163/3191/zcji.jpg) avec Photoshop et j'aimerai le creer en CSS/HTML pour mon site web. Le dégradé rouge est facilement réalisable avec CSS3 ou une image mais le texte avec le contour blanc et le fond transparent je ne sais pas comment faire.
Auriez vous une idée ? Si ce n'est pas possible en CSS, existe t'il une alternative en JS ou Jquery ?
Merci par avance
J'ai réalisé ce bouton (http://imageshack.us/a/img163/3191/zcji.jpg) avec Photoshop et j'aimerai le creer en CSS/HTML pour mon site web. Le dégradé rouge est facilement réalisable avec CSS3 ou une image mais le texte avec le contour blanc et le fond transparent je ne sais pas comment faire.
Auriez vous une idée ? Si ce n'est pas possible en CSS, existe t'il une alternative en JS ou Jquery ?
Merci par avance
A voir également:
- Bouton
- Bouton reinitialisation pc - Guide
- Diagnostic bouton photo - Accueil - Outils
- Bouton on/off comment savoir ✓ - Forum Matériel & Système
- Symbole arrêt marche - Forum Word
- Réinitialiser chromecast sans bouton - Guide
2 réponses
Salut, je ne vois pas bien de quel bouton tu parles ("se", sans aucun lien, et mal orthographié en plus). D'après ton message je vois quelque chose comme ceci; j'ai juste?
Envoie une image pour nous montrer sinon...
Envoie une image pour nous montrer sinon...
Oups, tu as raison, j'avais oublié le lien. Le voilà : http://imageshack.us/a/img163/3191/zcji.jpg.
C'est proche de ton image mais je trouve que sa ressemble un peu trop a une ombres, plus qu'un contour. Si il n'y a que cette solution, je veux bien savoir comment faire tout de même.
Merci
C'est proche de ton image mais je trouve que sa ressemble un peu trop a une ombres, plus qu'un contour. Si il n'y a que cette solution, je veux bien savoir comment faire tout de même.
Merci
Tu as remarqué le problème justement... J'utilise
Soit tu attends (peut-être longtemps) pour text-outline, soit tu utilises text-shadow si tu veux une solution CSS3. Il ne me semble pas avoir vu de JS/plugin jQuery qui fasse ça non plus.
On peut quand même tricher en utilisant du SVG, mais c'est pas compatible avec tous les navigateurs:
text-shadowpour faire ça, car c'est la seule solution utilisable 100% CSS3 pour l'instant; théoriquement la propritété
text-outlineserait parfaitement adaptée a ce cas, mais aucun navigateur ne l'a encore implémentée...
Soit tu attends (peut-être longtemps) pour text-outline, soit tu utilises text-shadow si tu veux une solution CSS3. Il ne me semble pas avoir vu de JS/plugin jQuery qui fasse ça non plus.
On peut quand même tricher en utilisant du SVG, mais c'est pas compatible avec tous les navigateurs:
<svg><text y="80" stroke="white" stroke-width="4px" fill="transparent" font-size="80px">Bouton</text></svg>