elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


 


Tema destacado: Entrar al Canal Oficial Telegram de elhacker.net


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Estilo de texto con css
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Estilo de texto con css  (Leído 922 veces)
yoelrodguez

Desconectado Desconectado

Mensajes: 131



Ver Perfil WWW
Estilo de texto con css
« en: 20 Enero 2017, 00:44 »

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


En línea

karmany
Colaborador
***
Desconectado Desconectado

Mensajes: 1.598


Sueñas que sueñas


Ver Perfil WWW
Re: Estilo de texto con css
« Respuesta #1 en: 21 Enero 2017, 21:58 »

¿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


En línea

yoelrodguez

Desconectado Desconectado

Mensajes: 131



Ver Perfil WWW
Re: Estilo de texto con css
« Respuesta #2 en: 21 Enero 2017, 22:00 »

Me refiero a la opción 2  y que sea toda la palabra.
Saludos
En línea

karmany
Colaborador
***
Desconectado Desconectado

Mensajes: 1.598


Sueñas que sueñas


Ver Perfil WWW
Re: Estilo de texto con css
« Respuesta #3 en: 21 Enero 2017, 22:27 »

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
  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. }
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines