0
173
Views¿Hay alguna forma de animar los degradados de una fuente?
Digamos que me gustaría usar esta fuente:
@font-face { src: url("https://cdn.glitch.global/f206356a-29f3-4941-a91f-d78ba238df98/Abelone-FREE.otf?v=1650648293770") format("opentype"); font-family: "Abelone"; } * { font-family: "Abelone"; font-size: 80px; } Hello, world.¿Hay alguna forma de animar los gradientes incluidos con CSS o JavaScript? Si no, ¿existen formas alternativas de hacer algo similar usando solo SVG o máscaras de recorte, por ejemplo?
Importante: Chrome no muestra los degradados. Utilice Firefox para verlos.
Editar: Visualización/representación de fuente Opentype Svg
- Se admiten fuentes Opentype Svg de colores (firefox, edge, ios safari)
- Las funciones de fuente Opentype Svg no son compatibles (por ejemplo, Chrome)
Acerca de la fuente utilizada: ColorFontWeek – Abelone
·
Santiago Trujillo
1 answers
Answer question0
Es posible con un filtro CSS.
Código HTML:
<div class=animated>Does it work?</div>CSS:
div.animated { filter: hue-rotate(50deg); }Esto debería cambiar los colores.
·
Santiago Trujillo
Report
Answer question