Visualizzazione dei risultati da 1 a 8 su 8

Discussione: Ombre css3

  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2008
    Messaggi
    42

    Ombre css3

    Ciao a tutti,
    avrei bisogno di un aiuto con il parametro box-shadow. Non capisco come posso ottenere l'ombra radiale solo sulla parte centrale del box e non sui lati. Per intenderci, vorrei ottenere l'effetto presente sotto le foto su questo sito http://www.apollosuites.it/

    Grazie!

  2. #2
    usa una immagine
    come hanno fatto in quel sito

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2008
    Messaggi
    42
    Socmel grazie, ma in realtà volevo sapere se è possibile riprodurre quell'effetto in css

  4. #4
    Potresti ottenerlo con la proprietà radial-gradient di background-image, ma il supporto dei browser non è dei migliori. Consiglio anch'io l'immagine.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2010
    Messaggi
    719
    Quello che farei io:

    - creo un elemento dopo l'immagine.
    - voglio che stia sotto l'immagine e abbia la larghezza dell'immagine
    - border-radius al 100%, un ovale.
    - box-shadow (non sono sicuro funzioni bene con il radius, ma dovrebbe)
    - gioco con altezza e margine per avere un aspetto simile

    Utilizzare un markup del genere aiuterebbe:

    <div>
    <img />
    <div></div>
    </div>


    Se ho tempo provo a realizzarlo.

  6. #6
    #simo22 dover inserire un elemento vuoto per fini estetici mi sembra troppo e poi dovrebbe giocare con position e z-index appesantendo markup e css
    e tutto senza poter avere compatibilità con i browser meno recenti
    la soluzione di codencode sarebbe stata la più elegante e ragionevole se avesse avuto un buon supporto

  7. #7
    Utente di HTML.it
    Registrato dal
    Dec 2008
    Messaggi
    42
    Grazie ragazzi,
    alla fine ho risolto con un immagine

  8. #8
    Utente di HTML.it
    Registrato dal
    Jul 2010
    Messaggi
    719
    Originariamente inviato da ac_socmel
    #simo22 dover inserire un elemento vuoto per fini estetici mi sembra troppo e poi dovrebbe giocare con position e z-index appesantendo markup e css
    e tutto senza poter avere compatibilità con i browser meno recenti
    la soluzione di codencode sarebbe stata la più elegante e ragionevole se avesse avuto un buon supporto
    Non vedo che problema ci sia, e comunque basterebbe anche usare uno pseudo elemento. Non deve necessariamente giocare con z-index.

    In realtà non sarebbe compatibile solo con le prime versioni di IE.

    In oltre, non appesantisce il css di molto e risparmi il download di un'immagine, cioè un sito più veloce.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.