Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    radial-gradient Ellipse verticale

    Si può quando si usa radial-gradient avere l'elisse posta verticalmente , invece che orizzontalmente ?

    ho cercato un pò vari esempi ma tutti lo riportano orizzontalmente... che in teoria è quella di default

  2. #2

  3. #3
    se non capito male si crea elisse e poi si ruota
    molto utile come soluzione
    solo che io pensavo a qualcosa di nativo nel radial-gradient ...
    perche per quello che avevo in mente lo volevo usare nel body con altre immagini ...

  4. #4
    Quote Originariamente inviata da robertotn Visualizza il messaggio
    se non capito male si crea elisse e poi si ruota
    molto utile come soluzione
    solo che io pensavo a qualcosa di nativo nel radial-gradient ...
    perche per quello che avevo in mente lo volevo usare nel body con altre immagini ...
    Va bene lo stesso, perché quello che ruota non è il div, ma la sua pseudoclasse :before.
    Prova ad applicarlo al body e vedrai il risultato, fidati di me.

  5. #5
    Ho provato ad applicarlo ed indubbiamente per una immagine di sfondo funziona "gira"


    il problema rimane quando ce ne son piu di una , come serve a me


    si dovrebbe riuscire a girare solo il -....-radial-gradient


    esempio : background-image: url(../img/foto1.png), url(../img/foto2.png),-webkit-radial-gradient(bottom center, ellipse cover, #ffeda3, #000);


    con l'esempio riportato gira tutto

  6. #6
    Ah, perdonami, non avevo capito... Ma queste immagini non le puoi racchiudere in dei div, o semplicemente in un tag <img>?

  7. #7
    no per quello che avevo in mente no

    bho proverò con altre soluzioni

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.