Het creëren van een gescheurd papier menu in CSS is makkelijk te doen door eerst de afbeelding van het gescheurde document maken en vervolgens toevoegen van de afbeelding om de CSS- code . Gebruik deze basisstappen om gescheurd papier te zetten in een grafische software die lagen en effecten bevat . Inheemse software , zoals Paint , zal niet in staat zijn om het effect op zijn eigen te maken, maar kan met de gratis upgrade van Paint.NET . Andere software , zoals Snagit , wordt geleverd met een gescheurd papier effect . Instructies
Gescheurde Afbeelding
1 Open uw favoriete grafische software zoals Paint.NET , gimp of Photoshop . Kopen van 2 Maak een nieuw bestand dat de grootte vertegenwoordigt van het menu . Voeg een nieuwe laag bovenop . Vul de laag met wit en verbergt de laag . Voeg een transparante laag boven op de witte laag .
3 Selecteer het penseel en maak een ongelijke lijn over de witte laag . Voeg de transparante en witte lagen en vervolgens dupliceren .
4 Voeg een Gaussiaanse vervaging op de tweede laag . Klik op de bovenste laag en klik vervolgens op het gebied door middel van het gescheurd papier effect met de toverstaf te worden getoond . De selectie omkeren en vervolgens verwijderen.
5 Voeg de bovenste twee lagen en klik op het gebied met de magisch instrument worden getoond . Wis selectie .
6 Sla de afbeelding op als een png -bestand .
7 Maak een nieuwe laag en tekst toevoegen aan het beeld zoals " Thuis ". Sla het bestand met een nieuwe naam , zoals thuis en herhaal zo nodig voor extra tabbladen menu.
HTML File
8 Open uw HTML-bestand en voeg de volgende CSS- code aan de head sectie van de code . " | 