Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di nicola75ss
    Registrato dal
    Nov 2004
    Messaggi
    12,923

    testo con effetto ombra centrato

    Ciao a tutti. Gli esempi che ho trovato per creare l'effetto ombra hanno tutti un posizionamento assoluto. Se lo volessi ottenere posizionado il testo al centro come posso fare? Ho fatto diversi tentativi ma invano. Ciao e grazie.
    codice:
       h3.Ombra_01 {
          color: #000000;
          font: Bold 30px Arial;
          position: Absolute;
          left: 10px;
          top: 10px;
          z-index: 1;
       } 
       h3.Ombra_02 {
          color: #CCCCCC;
          font: Bold 30px Arial;
          position: Absolute;
          left: 15px;
          top: 15px;
          z-index: -1;
       }
    <h3 class="Ombra_01">Mio testo</h3>
    <h3 class="Ombra_02">Mio testo</h3>

  2. #2
    Utente di HTML.it L'avatar di Alberto
    Registrato dal
    Oct 2004
    Messaggi
    1,870
    Prova così:
    <style>
    #Ombra_01 {
    color: #000000;
    font: Bold 30px Arial;
    position: relative;
    left: 100px;
    top: 100px;
    z-index: 1;
    }
    #Ombra_02 {
    color: #CCCCCC;
    font: Bold 30px Arial;
    position: relative;
    left: 5px;
    top: -30px;
    z-index: -1;
    }
    </style>

    <div id="Ombra_01">Mio testo<div id="Ombra_02">Mio

    testo</div></div>
    Se cambi i valori top e left di ombra_01 puoi mettere la scritta dove vuoi.
    Non so se è la soluzione giusta, ma mi viene in mente solo questo.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.