我正在学习使用mo.js库,这个问题与此有关。
是否可能存在文本阴影动画。有一些使其他CSS属性(例如边框宽度,背景色)动起来的示例,其中初始值和结束值可以是文本或数字。
例如:
var htmlA = new mojs.Html({
el: ".text",
background:{
red:'black'
},
duration: 2000,
repeat: 4,
isYoyo: true
}).play();
它将在2秒钟内将背景从红色变为黑色。
但是,就我而言,文本阴影具有一组值。请看一下这支笔。
https://codepen.io/anon/pen/QRXOWY
text-shadow: 1px 1px 1px rgba(16, 16, 16, 0.1),
1px 2px 1px rgba(16, 16, 16, 0.1), 1px 3px 1px rgba(16, 16, 16, 0.1),
1px 4px 1px rgba(16, 16, 16, 0.1), 1px 5px 1px rgba(16, 16, 16, 0.1),
1px 6px 1px rgba(16, 16, 16, 0.1), 1px 7px 1px rgba(16, 16, 16, 0.1),
1px 8px 1px rgba(16, 16, 16, 0.1), 1px 9px 1px rgba(16, 16, 16, 0.1),
1px 10px 1px rgba(16, 16, 16, 0.1), 1px 18px 6px rgba(16, 16, 16, 0.1),
1px -2px 10px rgba(16, 16, 16, 0.2);
}
我想将文本阴影应用到文本上,然后以相反的方式将其删除,以使它看起来像文本在升起并溶解在背景中。