LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
[CSS] Texto con imagen EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
[CSS] Texto con imagen EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
[CSS] Texto con imagen EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
[CSS] Texto con imagen EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
[CSS] Texto con imagen EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
[CSS] Texto con imagen EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
[CSS] Texto con imagen EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
[CSS] Texto con imagen EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
[CSS] Texto con imagen EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

Estadísticas
Tenemos 2351 miembros registrados
El último usuario registrado es Jhunky

Nuestros miembros han publicado un total de 41254 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


1[CSS] Texto con imagen Empty [CSS] Texto con imagen Vie Dic 28, 2012 7:45 am

lukario!

lukario!
+300 post


Muchas veces tenemos que usar imágenes para lograr cierto efecto en un texto. A veces es por la necesidad de que el texto tenga una imagen de fondo.

En CSS no existe text-image, así que hay que ser creativos.
Con este pequeño truco podemos lograr el siguiente efecto:

Esto es un texto con imagen de fondo.



Sólo basta con usar lo siguiente en nuestro estilo:




Con esto lo que hacemos es hacer que el fondo sólo sea visible en el texto, y hacemos al texto transparente para que podamos ver el fondo. De esta manera, logramos dar la sensación de que el texto es una imagen, y no necesitamos crear una imagen para cada palabra.

NOTA: Es probable que no funcione en Internet Explorer.



Última edición por lukario! el Sáb Ene 26, 2013 10:36 pm, editado 1 vez

http://warcraft3world.superforo.net/forum

2[CSS] Texto con imagen Empty Re: [CSS] Texto con imagen Vie Dic 28, 2012 10:11 am

Paul Alex

Paul Alex
Miembro activo
wooow, excelente aporte, esta genial, muchisimas gracias!! uno con esto se ahorra mucho,

http://digizone.foroargentina.net/forum

3[CSS] Texto con imagen Empty Re: [CSS] Texto con imagen Sáb Dic 29, 2012 4:25 am

Ban Midou

Ban Midou
+300 post
gracias por el aporte


4[CSS] Texto con imagen Empty Re: [CSS] Texto con imagen Miér Feb 19, 2014 7:43 pm

onbush

onbush
Miembro activo
muy interesante

http://www.psdco.org

5[CSS] Texto con imagen Empty Re: [CSS] Texto con imagen Jue Feb 20, 2014 12:10 pm

Str0ng

Str0ng
Miembro activo
wow genial


6[CSS] Texto con imagen Empty Re: [CSS] Texto con imagen Mar Jul 15, 2014 8:09 pm

dosh

dosh
+200 post
veamos que tal..


7[CSS] Texto con imagen Empty Re: [CSS] Texto con imagen Miér Ago 06, 2014 12:28 am

JoorgeSuarez'

JoorgeSuarez'
Soy new user
ver el codigo


8[CSS] Texto con imagen Empty Re: [CSS] Texto con imagen Miér Ago 13, 2014 10:33 pm

MR Designer

MR Designer
Miembro activo
wooooow gracias


Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.