Opprette en revet papir-menyen i CSS er enkelt å gjøre ved først å opprette den revet papir image og deretter legge bildet til CSS-kode . Bruk disse enkle trinnene for å opprette revet papir i en grafisk programvare som inkluderer lag og effekter. Native programvare, for eksempel Paint , ikke vil være i stand til å skape effekten på egen hånd , men kan med gratis oppgradering av Paint.NET . Annen programvare , som Snagit , kommer med en avrevet papir effekt . Instruksjoner
Torn Paper Bilde
en

Åpne din favoritt grafisk programvare som Paint.NET , GIMP eller Photoshop .
2

Opprett en ny fil som representerer størrelsen av menyen . Legg et nytt lag på toppen. Fylle laget med hvitt , og skjuler laget. Legg til eit gjennomsiktig lag på toppen av det hvite laget .
3

Velg pensel og skape en ujevn linje over det hvite laget . Fusjonere de gjennomsiktige og hvite lag og deretter duplisere.
4

Legg til en Gaussian blur på det andre laget. Klikk på det øverste laget og klikk på området til å bli vist gjennom revet papir effekten med tryllestaven . Invertere utvalget og slett .
5

Slå sammen de to øverste lagene , og klikk på området til å bli vist med den magiske verktøyet. Slett valg .
6

Lagre bildet som en png -fil.
7

Lag et nytt lag og legge til tekst til bildet som " Home". Lagre filen med et nytt navn, for eksempel hjemme og gjenta etter behov for ekstra Menykategorier .
HTML File
8

Åpne HTML-fil og legge til følgende CSS-kode til hodet delen av koden .

"