text shadow

Creating Playful Effects With CSS Text Shadows

10 CSS Snippets for Creating Stunning Animated Underline Text Effects

a{
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
  transition: background-size 0.25s ease-in;
}
 a:hover{
     background-size: 100% 88%;
}
https://speckyboy.com/underline-text-effects-css/

Clipping

index creiamo div

<body>

<div id=”bg”></div>

</body>

 

style.css

body >#bg {
height: 100%;
width: 100%;
background-color: blueviolet;

clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);

position:absolute;

z-index: -1;

}
vado su https://bennettfeely.com/clippy/
creo forma geometrica che andrà a sovrapporsi clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);

Overflow

La proprietà overflow specifica se ritagliare il contenuto o aggiungere barre di scorrimento quando il contenuto di un elemento è troppo grande per rientrare in un’area specificata.

Definizione e utilizzo

La proprietà overflow specifica cosa dovrebbe accadere se il contenuto supera la casella di un elemento.

Questa proprietà specifica se ritagliare il contenuto o aggiungere barre di scorrimento quando il contenuto di un elemento è troppo grande per rientrare in un’area specificata.

Nota: la proprietà overflow funziona solo per gli elementi di blocco con un’altezza specificata.

Accetta diverse proprietà:

scroll

hidden

auto

visible