Modo semplice per creare un menu con carta strappata in CSS

Creazione di un menu di carta strappata in CSS è facile da fare creando prima l'immagine di carta strappata e quindi aggiungendo l'immagine al codice CSS . Utilizzare questi passaggi fondamentali per creare la carta strappata in un software di grafica che include i livelli ed effetti . Software nativo , come Paint , non sarà in grado di creare l'effetto di per sé , ma può con l'aggiornamento gratuito di Paint.NET . Altri software , come Snagit , viene fornito con un effetto di carta strappata. Istruzioni
Torn Paper Immagine
1

Aprite il vostro programma di grafica preferito, come Paint.NET , GIMP o Photoshop .
2

Creare un nuovo file che rappresenta la dimensione del menu . Aggiungere un nuovo livello sopra . Riempire il livello con il bianco e poi nascondere il livello . Aggiungere uno strato trasparente sulla parte superiore dello strato bianco.
3

Selezionare il pennello e creare una linea irregolare attraverso lo strato bianco. Unire i livelli trasparenti e nero e poi duplicare .
4

Aggiungi una sfocatura gaussiana sul secondo strato . Fare clic sul livello superiore e fare clic sull'area per essere mostrato attraverso l'effetto carta strappata con la bacchetta magica . Invertire la selezione e quindi eliminare .
5

unire i due strati superiori e clicca sull'area da visualizzare con lo strumento magico . Elimina selezione .
6

Salva l' immagine come file png .
7

Create un nuovo livello e aggiungere del testo all'immagine come "casa". Salvare il file con un nuovo nome, ad esempio a casa e ripetere se necessario per ulteriori schede di menu .
HTML File
8

Aprire il file HTML e aggiungere il seguente codice CSS alla sezione di testa del codice .

"