Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: yoelrodguez en 20 Enero 2017, 00:44 am



Título: Estilo de texto con css
Publicado por: yoelrodguez en 20 Enero 2017, 00:44 am
Hola a todos:
Tengo un texto el cual quiero que solo se muestre la mitad de las letras en cada palabra. He buscado con css y no encontrado nada. Existe alguna forma de hacerlo o no es posible.

Saludos


Título: Re: Estilo de texto con css
Publicado por: karmany en 21 Enero 2017, 21:58 pm
¿A qué te refieres?
1.- A que se tape la mitad de las letras por arriba y solo se vea por abajo. Por ejemplo:
Una O se vería como una u
2.- A que se tape la mitad de las letras por abajo y solo se vea por arriba. Por ejemplo:
Una O se vería como una n
3.- A que se vean solo la mitad de las primeras letras. Por ejemplo:
Ordenador se vería Orden
4.- A que se vean solo la mitad de las letras del final. Por ejemplo:
Ordenador se vería ador
5.- A que se vean solo la mitad de letras impares. Por ejemplo:
Ordenador se vería Odndr
6.- A que se vean solo la mitad de letras pares. Por ejemplo:
Ordenador se vería reao

Hay que ser más específico y poner un ejemplo


Título: Re: Estilo de texto con css
Publicado por: yoelrodguez en 21 Enero 2017, 22:00 pm
Me refiero a la opción 2  y que sea toda la palabra.
Saludos


Título: Re: Estilo de texto con css
Publicado por: karmany en 21 Enero 2017, 22:27 pm
Prueba algo así, es solo por darte una idea. No he probado en muchos navegadores (solo Chrome y un Interne Explorer), es lo primero que se me ha ocurrido:
https://jsfiddle.net/karmany/Lakqpdv1/ (https://jsfiddle.net/karmany/Lakqpdv1/)

Código HTML
Código
  1. <h2>Foro elhacker</h2>
  2. <p>Este párrafo está arriba</p>
  3. <p class="txt-mitad">
  4. Esto es un texto de ejemplo
  5. </p>
  6. <p>Este párrafo está abajo</p>

Código CSS
Código
  1. .txt-mitad{
  2.    font-size: 30px;
  3.    padding: 0;
  4.    display: inline-block;
  5.    height: 20px;
  6.    overflow: hidden;
  7. }