Estilo de texto con css

Iniciado por yoelrodguez, 20 Enero 2017, 00:44 AM

0 Miembros y 1 Visitante están viendo este tema.

yoelrodguez

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

karmany

¿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

yoelrodguez

Me refiero a la opción 2  y que sea toda la palabra.
Saludos

karmany

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/

Código HTML
Código (php) [Seleccionar]
<h2>Foro elhacker</h2>
<p>Este párrafo está arriba</p>
<p class="txt-mitad">
Esto es un texto de ejemplo
</p>
<p>Este párrafo está abajo</p>


Código CSS
Código (css) [Seleccionar]
.txt-mitad{
    font-size: 30px;
    padding: 0;
    display: inline-block;
    height: 20px;
    overflow: hidden;
}