[Résolu] Comment calculer un tex-shadow (répéter un texte)

Bonsoir,
Je cherche à répéter un texte vertical (ombré avant et après) et horizontal.
Je pars de cette discussion là :
https://forum.alsacreations.com/topic-4-89685-1-Resolu-Faire-defiler-un-texte-vertical-de-bas-en-haut.html
Seulement je n'arrive pas à reproduire l'effet donné, malgré de multiples tests.
Quelles sont les valeurs à donner ?
Bonne soirée,
P.

Bonjour gcyrillus,
Merci beaucoup.
Je teste (j'ai peur pour le texte vertical) et reviens vers toi
Bon dimanche

GENIAL.
Plusieurs choses :
Le texte vertical passe au dessus d'autres div... et du body.
Je suis allé voir côté z-index et <div>, je n'ai rien vu Faut-il que je persévère dans cette voie ?

Comment centrer le texte vertical ?

Les textes sont chassés par les div.: les textes dépassent de 100% la hauteur de la div height: 100vh

Pour terminer, j'ai du créer un ID "soustitre" pour un <p> (pour qu'il ne prenne pas les attributs de ton <p> :

#soustitre p {
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	font-family: 'ralewayextralight', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 3vw;
	line-height: 4vw;
	margin-top: -10vh;
	width: 80%!important;
	text-align: center !important;
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
	animation: none;
	transform: rotate(90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(90deg);

  /* Firefox */
  -moz-transform: rotate(90deg);

  /* IE */
  -ms-transform: rotate(90deg);

  /* Opera */
  -o-transform: rotate(90deg);
}
.rockblock p{

	margin-top: 50vh !important;
}

Une rotation parce que sinon il prend le degré du texte vertical.
Bon, c'est du bidouillage mais avec ton code, le texte de "soustitre" n'est pas centré... il est décalé sur la gauche

Comment fais-tu dans ton codepen pour dissocier le vertical de l'horizontal ?

J'espère être clair

Merci beaucoup !
P.

J'ai tout "nettoyé" après une visite sur le site du W3C.
Plus de fautes, plus d'erreurs
Mais les problèmes demeurent
Bonne soirée à toi
P.

J'ai réglé le problème de centrage avec ces CSS :

blockquote h6 {
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	font-family: 'ralewayextralight', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 3vw;
	line-height: 4vw;
	margin-top: -10vh;
	margin-left: 10%;
		margin-right: 10%;

	width: 80%!important;
	text-align: center !important;
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
}

J'ai du créer un h6.
Pour le reste...
Bonne soirée !

a écrit :
je me sert du sélecteur :nth-child(odd) (prend les éléments en position impair

?
Pour le reste ; je vais tenter de faire un jsfiddle. Je cherche à faire à faire une animation à width 100% pour la verticale et height 100% pour l'horizontale. T'en sais plus.
Vais tenter de voir . Mais normal qu'il y aie des font-size gigantesques
Merci encore et bonne soirée

a écrit :
je me sert du sélecteur :nth-child(odd) (prend les éléments en position impair

PLGPPUR a écrit :
?

Si tu seche la dessus, il faut reprendre tranquillement les bases ou au moins avoir une référence à consulter de temps en temps pour retrouver une définition, un exemple . Peut-être reprendre par ici: https://developer.mozilla.org/fr/docs/Learn/CSS/Building_blocks/Selectors

Cordialement
Modifié par gcyrillus (18 Oct 2022 - 21:05)

Je vais m'y attaquer. Merci
Mais le résultat de ce qu'on a fait n'est pas mal
Toujours des prob avec le texte vertical qui "commence" à bottom : -100vh (donc 100vh de body, suis-je clair ? et qui empiète sur les autres div. (et body). Je me suis pourtant amusé avec les z-index et les <div></div>. Le tout validé par le w3c. Mais honnêtement, l'effet désiré n'est pas loin . Je ne sais comment exprimer ma joie
C'est, comment dire ? c'est là ! pas loin...
Merci énormément
P.

Il y a pas mal d'effets non voulus qui sont pas mal
Mais malheureusement, comme je l'ai écrit, la div parent chasse la div texte qui est à l'intérieur. La hauteur de la div à 100vh + le texte à l'intérieur = 200vh au final
Mais on est pas loin... et avec ce texte vertical qui est à z-index : 999999999999999 (à suivre .
Merci pour tout !

Tant que tu ne partageras pas ce que tu as fait, tout çe que tu décris n'a que trés peu de signification, voir aucune, pour ceux qui te lisent (la boule de cristal est un mythe), pire, tu t'enfonces probablement en ratant l'origine des causes

Cdt