Problème de dégradé associé au text-shadow

Voir le sujet précédent Voir le sujet suivant Aller en bas

En cours Problème de dégradé associé au text-shadow

Message par LouSheeta le Dim 11 Fév 2018 - 14:39

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Je cherche à faire en HTML5 et CSS3 ceci

Je n'arrive pas à faire le dégrader interne à cause du text-shadow que j'au mis en place. Voici mon codage :
Code:
#nav li a{
 margin: 0;
 padding: 10px 15px;
 font-size: 15px;
 font-weight: bolder;
 text-transform: none;
 color: #fff;
 text-shadow: -1px 0 0 rgba(69, 69, 69, 0.8),
 1px 0 0 rgba(69, 69, 69, 0.8),
 0 -1px 0 rgba(69, 69, 69, 0.8),
 0 1px 0 rgba(69, 69, 69, 0.8),

 -1px 0 1px rgba(69, 69, 69, 0.8),
 1px 0 1px rgba(69, 69, 69, 0.8),
 0 -1px 1px rgba(69, 69, 69, 0.8),
 0 1px 1px rgba(69, 69, 69, 0.8);

 background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 }

Pouvez-vous m'aider s'il vous plait ?
Merci d'avance.
avatar

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème de dégradé associé au text-shadow

Message par Morane le Dim 11 Fév 2018 - 17:12

Bonsoir,

as tu essayé avec ce générateur  Very Happy
https://www.cssmatic.com/box-shadow

c'est pour une box mais ça peu peut être d'aider Smile
avatar

Morane
***

Féminin
Messages : 143
Inscrit(e) le : 18/08/2014

Morane a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème de dégradé associé au text-shadow

Message par LouSheeta le Dim 11 Fév 2018 - 19:00

Oui sauf qu'on est pas sur du box-shadow mais du text-shadow ce qui complique la chose.
avatar

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème de dégradé associé au text-shadow

Message par LouSheeta le Mar 13 Fév 2018 - 15:20

up ?
avatar

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème de dégradé associé au text-shadow

Message par R-max le Mar 13 Fév 2018 - 23:06

bonsoir , celui ci est un poil mieux ,
http://enjoycss.com/start#textShadow
mais apparemment le text-shadow , n'accepte pas le inset (degradé interieur)

exemple > sans le inset sa ne peut pas fonctionné
Code:
text-shadow: -8px -3px 27px rgba(12,12,12,1) , -2px -2px 0 rgba(247,242,242,1) ;

avec le inset >
Code:
text-shadow: -8px -3px 27px rgba(12,12,12,1) ,inset -2px -2px 0 rgba(247,242,242,1) ;

avant la virgule , la couleur extérieur après la virgule la couleur intérieur

a+
avatar

R-max
Membre habitué(e)

Masculin
Messages : 1620
Inscrit(e) le : 08/01/2015

http://www.milouze14.com/
R-max a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème de dégradé associé au text-shadow

Message par Chacha le Mer 21 Fév 2018 - 10:03

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55853
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum