Una forma fácil de crear un menú con papel rasgado en CSS

Creación de un menú de papel rasgado en CSS es fácil de hacer mediante la creación de la primera imagen de papel rasgado y luego agregar la imagen al código CSS. Utilice estos pasos básicos para crear papel rasgado en un software gráfico que incluye las capas y efectos. Software nativo , tales como pintura, no será capaz de crear el efecto en sí mismo, pero puede con la actualización gratuita de Paint.NET . Otros programas , como Snagit , viene con un efecto de papel rasgado . Instrucciones
papel rasgado imagen
1

Abre tu software gráfico favorita como Paint.NET , Gimp o Photoshop.
2

Crear un nuevo archivo que representa el tamaño del menú . Añadir una nueva capa en la parte superior . Llenar la capa de blanco y luego ocultar la capa . Añadir una capa transparente en la parte superior de la capa de blanco.
3

Seleccione el pincel y crear una línea irregular a través de la capa blanca . Combinar las capas transparentes y blanca y luego duplicar.
4

Añadir un desenfoque gaussiano en la segunda capa. Haga clic en la capa superior y luego haga clic en el área que se muestra a través del efecto de papel rasgado con la herramienta Varita mágica . Invertir la selección y luego eliminar.
5

Combinar las dos capas superiores y haga clic en el área que se muestra con la herramienta mágica. Eliminar selección.
6

Guardar la imagen como un archivo PNG.

7 Crear una nueva capa y añadir texto a la imagen como "Home ". Guarde el archivo con un nuevo nombre , como el hogar y repetir según sea necesario para las fichas de menú adicionales .
Archivo HTML
8

Abra el archivo HTML y añadir el siguiente código CSS de la sección de cabecera del código.

" html head