Hacer un papel con un efecto de puntas levantadas con CSS
Esto lo vi hace un tiempo en
nimbupani.com, se trata de hacer algunas notitas o mensajes con puro CSS3 y la verdad tienen estética y quedan bien.
Para obtener estos resultados lo que vamos a hacer es pegar lo siguiente antes de ]]></b:skin> :
Ahora en nuestra entrada o en el gadget HTML/Javascript que queremos que se encuentre este papel, vamos a colocar lo siguiente:
<div class="papel">
ACA IRIA EL CONTENIDO DE LO QUE USTEDES QUIEREN QUE APAREZCA EN EL MENSAJE
</div>
Ahora sólo reemplacen lo que está en rojo por lo que ustedes quieren que contenga el papel y listo.
Lo logran agregando esto:
Este es un primer ejemplo de lo que se puede lograr
"Es que la muerte está tan segura de vencer que nos da toda una vida de ventaja" - La Renga.
Para obtener estos resultados lo que vamos a hacer es pegar lo siguiente antes de ]]></b:skin> :
Ahora en nuestra entrada o en el gadget HTML/Javascript que queremos que se encuentre este papel, vamos a colocar lo siguiente:
<div class="papel">
ACA IRIA EL CONTENIDO DE LO QUE USTEDES QUIEREN QUE APAREZCA EN EL MENSAJE
</div>
Ahora sólo reemplacen lo que está en rojo por lo que ustedes quieren que contenga el papel y listo.
También pueden poner una frase o una imágen o lo que ustedes quieran.
Bueno, espero que les haya servido, hasta luego!
0 comentarios:
Publicar un comentario
muchas gracias por comentar ;)