So come creare sfondi sfumati con alfa, ma quello che voglio è che il mio elemento abbia una sfumatura opaca. Quello che sto cercando è che il mio div e tutti i suoi bambini abbiano il gradiente di opacità applicato a loro.Opacità sfumatura CSS (non sfondo)
Un modo per farlo? Ho solo bisogno che funzioni nel webkit, in quanto è un progetto interno.
La cosa più semplice è renderlo un PNG. Oppure usa una maschera webkit!
Grazie! Questa potrebbe essere la risposta. – user1198665
Fai un gradiente di sfondo, ma usare i colori RGBA. L'ultimo valore specificherà l'opacità, 1.0 per completamente opaco, 0.0 per completamente trasparente.
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0)));
Sopra è un gradiente da blu a trasparente.
Stavo cercando qualcosa per applicare una sfumatura di opacità a tutti gli elementi figli. Penso che haslehas abbia avuto una soluzione piuttosto buona. – user1198665
Se la risposta di haslehas funziona, assicurati di contrassegnarla come risposta. – pycoder112358
Cosa intendi per opacità sfumata? Puoi fornire un esempio? – elclanrs