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
¿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
Me refiero a la opción 2 y que sea toda la palabra.
Saludos
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
<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
.txt-mitad{
font-size: 30px;
padding: 0;
display: inline-block;
height: 20px;
overflow: hidden;
}