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