Soy nuevo en WebDev y he estado siguiendo un tutorial de YouTube para crear un sitio web. Sin embargo, estoy atascado en esta parte. No puedo hacer que mi logotipo sea degradado en Chrome.
#navbar__logo { background-color: #ff8177; background-image: linear-gradient(to top, #ff0844 0%, #ffb199, 100%); background-size: 100; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; display: flex; align-items: center; cursor: pointer; text-decoration: none; font-size: 2rem; }Si ejecuta su código (más un elemento relevante) usando las herramientas de desarrollo de su navegador, verá un triángulo amarillo o algo similar al lado de las propiedades background-image y background-size.
La imagen de fondo tiene una coma falsa.
El tamaño de fondo no es necesario en este caso, pero si lo necesitara, tendría que darle unidades.
#navbar__logo { background-color: #ff8177; background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%); -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; display: flex; align-items: center; cursor: pointer; text-decoration: none; font-size: 2rem; } <div id="navbar__logo">LOGO</div>