La mayoria de las veces en muchos sitios,blog nos encontramos con un mensaje lo mismo puede ser que estara fuera por un tiempo o por algun motivo quieren mostrar algun mensaje ,o simplemente quieren que se sobreponga un mensaje o texto por encima de lo demas ,hay una forma muy elegante que lo podemos obtener con CSS3 dando un efecto de texto borroso y por encima del mismo un mensaje que se sobrepone.Este efecto es muy cencillo de obtener a continuacion les explico como.
El siguiente código lo podemos colocar en donde ustede quieran ,en la plantilla ,en una entrada o en un gadget en la sidebar.Todo va en la imaginacion de cada cual .
Lo que esta en color 400 es el ancho de la caja que contiene el texto borroso .
Lo que esta en color 200 es la altura de la caja que contiene el texto borroso.
Lo que esta en color FF8C00 es el color de fondo del mensaje que se sobrepone.
El siguiente código lo podemos colocar en donde ustede quieran ,en la plantilla ,en una entrada o en un gadget en la sidebar.Todo va en la imaginacion de cada cual .
<style>Ejemplo:
.TTBorroso {
color:transparent;
text-shadow:0 0 8px black;
margin:0 auto;
background:#a9a9a1;
width:400px;
position:relative;
height:200px;
padding:10px;
border-radius:10px 10px 10px 10px;
}
.TTsobrepone {
font-weight:bold;
left:23%;
width:50%;
height:25%;
top:25%;
bottom:25%;
text-align:left;
padding:10px 10px 30px;
position:absolute;
background:#FF8C00;
color:#000;
text-shadow: 0px 1px 1px #fff;
box-shadow: 2px 2px 6px #000;
border-radius:10px 10px 10px 10px;
cursor:move;
}
</style>
<div class="TTBorroso">
<div class="TTsobrepone">
Aquí va el texto que se sobrepone </div>
Aquí va el texto que se vera borroso pueden poner lo que quieran.</div>
Esto es un mensaje para que miren como se sobrepone por encima en un contenedor borroso.
Aquí va el texto que se vera borroso pueden poner lo que quieran, Aquí va el texto que se vera borroso pueden poner lo que quieran. Aquí va el texto que se vera borroso pueden poner lo que quieran Aquí va el texto que se vera borroso pueden poner lo que quieran Aquí va el texto que se vera borroso pueden poner lo que quieran Aquí va el texto que se vera borroso pueden poner lo que quieran Aquí va el texto que se vera borroso pueden poner lo que quieran Aquí va el texto que se vera borroso pueden poner lo que quieran Aquí va el texto que se vera borroso pueden poner lo que quieran.
Aquí va el texto que se vera borroso pueden poner lo que quieran, Aquí va el texto que se vera borroso pueden poner lo que quieran Aquí va el texto que se vera borroso pueden poner lo que quieran Aquí va el texto que se vera borroso pueden poner lo que quieran Aquí va el texto que se vera borroso pueden poner lo que quieran.Lo que esta en color 400 es el ancho de la caja que contiene el texto borroso .
Lo que esta en color 200 es la altura de la caja que contiene el texto borroso.
Lo que esta en color FF8C00 es el color de fondo del mensaje que se sobrepone.
