Skapa ett sönderrivet papper meny i CSS är lätt att göra genom att först skapa den rivna papper bilder och sedan lägga bilden i CSS-koden . Använd dessa grundläggande steg för att skapa sönderrivet papper i ett grafiskt program som innehåller lager och effekter . Native programvara , t.ex. Paint , inte kommer att kunna skapa effekten på egen hand , men kan med gratis uppgradering av Paint.NET . Andra program , som Snagit , kommer med ett sönderrivet papper effekt . Instruktioner
Rivet Bild
1

Öppna din favorit grafisk programvara såsom Paint.NET , GIMP eller Photoshop .
2

Skapa en ny fil som representerar storleken av menyn . Lägg till ett nytt skikt ovanpå . Fyll lagret med vitt och sedan gömma lagret . Lägg ett genomskinligt lager ovanpå det vita lagret . Addera 3

Välj pensel och skapar en ojämn linje över det vita lagret . Slå ihop de transparenta och vita skikt och sedan duplicera .
4

Lägg en gaussisk oskärpa på det andra skiktet . Klicka på det översta lagret och sedan klicka på det område som skall visas genom det sönderrivna papperet effekten med trollstaven verktyget . Invertera markeringen och sedan radera .
5

Merge de två översta lagren och klicka på det område som ska visas med den magiska verktyg . Radera val .
6

Spara bilden som en png -fil .
7

Skapa ett nytt lager och lägg till text i bilden som " Hem . " Spara filen med ett nytt namn som hem och upprepa vid behov för ytterligare menyflikarna . Addera HTML File
8

Öppna din HTML-fil och lägga till följande CSS- kod i huvudet delen av koden .