OGGETTO IMMAGINE - LO SMANETTONE

Esempi e Codice
Vai ai contenuti

INSERIRE UN BORDO CONTRASTO SUL
TITOLO DI UN CONTENT SLIDER
Progetto FREE


Vi siete mai chiesti come sia possibile inserire un bordo di contrasto su un titolo presente su un vostro content slider?
Guardate l'immagine sottostante:
immagine

CURIOSI?
Nella proprietà di pagina dove è situato il vostro content slider in codice,prima della chiusura del tag head, inserite questo breve listato:

<style>
.content-slider.slide-txt-block-content.slide-animated-content.slide-title {
   color: black;
   text-shadow:
       -2px -2px 0 white,  
       2px -2px 0 white,  
       -2px 2px 0 white,  
       2px 2px 0 white;
}
</style>



ALTRA OPZIONE:
per ottenere un bordo di alto contrasto
inserisci questo codice ma potrebbe non
funzionare su vecchi browser:

<style>
.content-slider.slide-txt-block-content.slide-animated-content.slide-title {
   color: black;
   -webkit-text-stroke: 2px white;
}

</style>


COMMENTA ▼
5.0 / 5
2 recensioni
2
0
0
0
0

ALE
Mercoledì 09 Apr 2025
Il primo codice va bene.IL secondo si trova qualche incompatibilità su vecchi browser.
GIANNI G.
Sabato 29 Mar 2025
Interessante e grazie per averne condiviso il codice. Funziona perfettamente!

Crediti

Questo pannello è stato personalizzato da Losmanettone.it a partire dal progetto open source SIENNA concesso sotto licenza MIT.

Torna ai contenuti