fond en gif du texte marche pas

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

En cours fond en gif du texte marche pas

Message par Melodiam le Mer 25 Avr 2018 - 22:01

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum :  

Description du problème

Bonjour ! :-)

je suis en train de coder un fond pour mon titre de forum (la typo, je précise, pas un background de bloc) et j'aimerais qu'il soit animé comme sur le screen que j'ai lié plus haut.

J'ai donc utilisé un code, celui-ci :
Code:
.fuckingtitre {
background: url(https://i.pinimg.com/originals/50/29/c3/5029c39534d63e57f3e075768f202a5e.gif); background-size: cover;
  background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text;
  font-size: 48px;
  font-weight: 900; font-style: italic; letter-spacing: -6px;
font-family: arial, sans-serif; }

Or sur le forum, le titre s'affiche pas, seulement le gif -> http://loreleirules.forumactif.com/
vous pouvez le voir du coup en direct ici !

Sauriez-vous pourquoi ?
Merciiiii ! Smile
avatar

Melodiam
****

Messages : 268
Inscrit(e) le : 16/04/2012

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

En cours Re: fond en gif du texte marche pas

Message par MasDan le Ven 27 Avr 2018 - 6:28

Bonjour Melodiam,



À votre CSS, il faut supprimer la règle
Code:
-webkit-text-fill-color: transparent;
pour voir apparaître votre texte.
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1200
Inscrit(e) le : 24/05/2011

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

En cours Re: fond en gif du texte marche pas

Message par Melodiam le Ven 27 Avr 2018 - 18:42

Bonjour !!! merci pour votre réponse,

En fait ce que je souhaite c'est que le gif remplisse le texte, pas qu'il soit le fond, je ne sais pas si je suis claire ?
Comme si c'était un motif quoi ahah

Smile
avatar

Melodiam
****

Messages : 268
Inscrit(e) le : 16/04/2012

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

En cours Re: fond en gif du texte marche pas

Message par .1019 le Sam 28 Avr 2018 - 0:20

Salut,

C'est très simple: dans ton CSS tu as deux fois le même "ordre" (je sais pas comment ça s'appelle en vrai, hahah).

-webkit-background-clip: text;
background-clip: border-box;

Etant donné que tu as mis le second après le premier, le CSS considère le second plutôt que le premier. Wink (c'est le premier qui fonctionne !)

Un petit lien vers un codepen d'ailleurs, qui propose de quoi être supporté par les navigateurs modernes.
avatar

.1019
**

Messages : 84
Inscrit(e) le : 11/05/2013

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

En cours Re: fond en gif du texte marche pas

Message par Chacha le Sam 5 Mai 2018 - 9:26

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 : 56503
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