Tengo una imagen de fondo configurada en mi página de inicio.
y para movil como ven la imagen tiene un corte nítido me gustaría tener un fondo como:
Entonces, el fondo tiene un degradado que se desvanece hasta el fondo. ¿Hay alguna manera de lograr esto con css o diseñar y usar un fondo de esa manera es la mejor opción?
Usar fondo de cuerpo o contenedor (div)
#container{ width:100%; height:100vh; background: rgb(252,161,120); background: linear-gradient(0deg, rgba(252,161,120,1) 0%, rgba(247,147,101,1) 30%, rgba(246,123,71,1) 66%, rgba(244,102,42,1) 100%); } <div id="container"></div>