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

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  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 2,367 veces)
yoelrodguez

Desconectado Desconectado

Mensajes: 168


Es mejor, una amarga verdad que una dulce mentira


Ver Perfil WWW
Estilo de texto con css
« 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


En línea

karmany
Colaborador
***
Desconectado Desconectado

Mensajes: 1.615


Sueñas que sueñas


Ver Perfil WWW
Re: Estilo de texto con css
« Respuesta #1 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


En línea

yoelrodguez

Desconectado Desconectado

Mensajes: 168


Es mejor, una amarga verdad que una dulce mentira


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

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

karmany
Colaborador
***
Desconectado Desconectado

Mensajes: 1.615


Sueñas que sueñas


Ver Perfil WWW
Re: Estilo de texto con css
« Respuesta #3 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/

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:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Imágen con texto y foto de fondo y al estilo gótico?
Diseño Gráfico
nichihack 6 10,218 Último mensaje 5 Julio 2008, 16:57 pm
por nichihack
Como se llaman este estilo de imagenes? (otro estilo XD) « 1 2 »
Diseño Gráfico
Jnex 16 12,480 Último mensaje 18 Marzo 2009, 02:16 am
por JERRY110982
Creando texto con estilo de nubes
Diseño Gráfico
Darioxhcx 7 8,750 Último mensaje 5 Diciembre 2010, 18:25 pm
por тαптяα
Duda: Como convertir texto a texto grande para mostrar en la consola.
Dudas Generales
zinfinal 4 4,812 Último mensaje 23 Abril 2014, 18:32 pm
por Pablo Videla
Editor de texto al estilo office.
Desarrollo Web
Pablo Videla 7 3,145 Último mensaje 19 Noviembre 2014, 21:53 pm
por Pablo Videla
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines