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

Je ne comprends pas du tout ton code , c'est trop pointu et pour le coup j'ai du mal à le "manipuler"
Pour la lecture horizontale, j'ai une scrollbar et une "marge" à droite. Pas de width: 100% (non visible sur le jsfiddle) :
https://jsfiddle.net/herde2/26r85jtu/
Et pour la lecture verticale, j'ai juste un problème de positionnement
https://jsfiddle.net/herde2/egcayo4L/1/
Peux-tu m'aider et tenter de m'expliquer ?
Mais c'est vraiment ce que je désire, TOP.
Merci gcyrillus

Merci ENORMEMENT.
J'ai beaucoup de problèmes d'intégration (texte qui vient sur le body etc...).
Je m'y mets...
Bonne soirée... TOP
P.

Bonsoir gcyrillus,
Ce n'est pas ROCK mais ROC, ce n'est pas ROCK mais ROCKY ou pire ROCK'N'ROLL.
Je peux me passer du 'N'Roll
Comment régler les em sur :

  width: max-content;  text-shadow: 
    calc(var(--offsetText) * 1px + 0.5em) 0 ,
    calc(var(--offsetText) * -1px - 0.5em) 0 ,
    calc(var(--offsetText) * 2 *1px  + 1em) 0 ,
    calc(var(--offsetText) * 2 * -1px - 1em) 0 
    ;
  min-width: calc(var(--offsetText) * 1px + 0.5em);

Je vais continuer à chercher pour le texte vertical car il fonctionne très bien sur mon site... mais à l'horizontale
Je continue à chercher,
Bonne soirée

Bonjour gcyrillus,
Tout il est bon (lecture verticale et horizontale-
Par contre j'ai 2/3 problèmes suite à l'intégration de ces deux codepen... conflits de CSS et soucis HTML
Pourrais-tu m'éclairer ?
Merci et bonne journée

PLGPPUR a écrit :
Bonjour gcyrillus,
Tout il est bon (lecture verticale et horizontale-
Par contre j'ai 2/3 problèmes suite à l'intégration de ces deux codepen... conflits de CSS et soucis HTML
Pourrais-tu m'éclairer ?
Merci et bonne journée

Probablement, qu'as tu fait ? car aucune idées de que tu as en final

Cdt

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 !

Pitié NON !!!!!

a écrit :
Pusieurs 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 Smiley ohwell 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 Smiley hum

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

C'est pas fini... je fais le MAXIMUM !
Merci gcyrillus
P.