Calificación:
  • 2 voto(s) - 4 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Fondo transparente con CSS
#1
Hola, hoy les mostrare como hacer una transparencia de texto como esta imagen:

[Imagen: fondo-transparencia.jpg]

Comenzemos:

En el CSS o creamos un archivo css prueba.css algo asi:

Código:
.bg {
    width: 350px;
    height: 325px;
    background: url(aqui pon cualquier imagen que quieras!);
}

.trans {
    background-color: #FFFFFF;
    opacity: 0.6;
    filter:alpha(opacity=60);
    width: 170px;
    margin-left:140px;
    border: solid 2px #FFFFFF;
}

.trans p {
    margin: 5px;
    color: #000000;
    padding-left:30px;
}

El codigo es: (lo pueden poner donde quieran)
Código:
<div class="bg">
<div class="trans">
Esta es una transparencia xD!
</div>
</div>

Eso es todo muy facil no? pues vean si pueden me dicen si les surge algo malo. adios
#2
Muy buena info, gracias por compartirla, esto me puede ser util .lm/
WWW
#3
Ya lo conocia, pero es una info muy buena
elCSS.com
[Imagen: 33jsqk6.png]
Crece con nosotros || Síguenos en Twitter - Facebook - RSS
WWW
#4
Buena informacion
WWW
#5
lo que no se es donde colocar el codigo de la transparencia (se supone que debe aparecer encima de la imagen ) Guiño
WWW
#6
wow gracias no sabia
#7
Hola papi bueno eso se hace haciendo la llamada al Class que es el que hace la transparencia Sonrisa que este caso es transp hay puedes indicarle el lugar donde lo quieres mediante los margenes y floats , despues posteare un tuto

saludos
#8
sergio_franco escribió:Hola papi bueno eso se hace haciendo la llamada al Class que es el que hace la transparencia Sonrisa que este caso es transp hay puedes indicarle el lugar donde lo quieres mediante los margenes y floats , despues posteare un tuto

saludos
Estupendo Sergio_Franco Saludos Guiño
WWW
#9
Buen truco, me sirve de mucho ahora que estoy aprendiendo un poco de css
#10
Muy bueno, gracias por compartirlo Sonrisa
Saludos.


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Nieve en el fondo del blog sólo con CSS imgur 0 344 04-12-2014, 05:36 AM
Último mensaje: imgur
  Imagen de fondo o Backgrond HTML Netohg 7 780 14-10-2013, 04:11 PM
Último mensaje: postingafull
Bombilla Poner fondo estatico a tu web ! Compudax 18 1,657 09-01-2013, 11:47 PM
Último mensaje: Jpelaez15
  Cambiar fondo al hacer click CSS soporteptc 5 3,925 23-04-2012, 06:58 PM
Último mensaje: DarkMaster
  Cómo evitar que un fondo se desplace en css sondeo 6 1,780 02-03-2012, 10:13 PM
Último mensaje: Dasg
  como pongo un fondo huwox14 3 779 08-09-2011, 01:51 AM
Último mensaje: rogercharolastra



Usuarios navegando en este tema: 1 invitado(s)