Come aggiungere l'effetto corsivo al passaggio del mouse sui link in Squarespace

ARGOMENTI PRINCIPALI

1. EFFETTO HOVER IN CORSIVO PER I TITOLI

2. EFFETTO HOVER IN CORSIVO PER I PARAGRAFI

3. EFFETTO HOVER IN CORSIVO PER I LINK DI NAVIGAZIONE

Per introdurre movimento e interattività, considera di aggiungere un effetto al passaggio del mouse sui collegamenti ipertestuali in tutto il tuo sito web. Noi preferiamo applicare un effetto corsivo al passaggio del mouse per ottenere un aspetto moderno ed editoriale.

Per implementare i link con effetto hover in corsivo, vai su Design > CSS personalizzato e copia/incolla il codice CSS fornito. 

1. Effetto hover in corsivo per i titoli:

// ITALIC HOVER H1  //
h1 a:hover {font-style: italic;}


// ITALIC HOVER H2  //
h2 a:hover {font-style: italic;}


// ITALIC HOVER H3  //
h3 a:hover {font-style: italic;}


// ITALIC HOVER H4  //
h4 a:hover {font-style: italic;}

2. Effetto hover in corsivo per i paragrafi

// PARAGRAPH ITALIC HOVER //
p a:hover {font-style: italic;}

3. Effetto hover in corsivo per i link di navigazione

// NAVIGATION LINK HOVER//
header nav a:hover {font-style: italic;}