Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/EmptyTag/161.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在mo.js中设置CSS文本阴影属性的动画_Css_Css Animations - Fatal编程技术网

如何在mo.js中设置CSS文本阴影属性的动画

如何在mo.js中设置CSS文本阴影属性的动画,css,css-animations,Css,Css Animations,我正在学习使用mo.js库,这个问题与此有关。 文本阴影动画是否可行。有一些示例可用于设置其他css属性(如边框宽度、背景色)的动画,其中初始值和结束值为文本或数字 e、 g: 这将在2秒内将背景从红色变为黑色。 但是,在我的例子中,文本阴影有一个值数组。请看看这支钢笔 我想将文本阴影应用到文本上,然后将其反向删除,使其看起来像是文本正在上升和溶解到背景中。这就是您要做的吗 用过 @keyframes 非常感谢。这就是我想要的效果,但是使用mo.js text-shadow: 1px 1px

我正在学习使用mo.js库,这个问题与此有关。 文本阴影动画是否可行。有一些示例可用于设置其他css属性(如边框宽度、背景色)的动画,其中初始值和结束值为文本或数字

e、 g:

这将在2秒内将背景从红色变为黑色。 但是,在我的例子中,文本阴影有一个值数组。请看看这支钢笔


我想将文本阴影应用到文本上,然后将其反向删除,使其看起来像是文本正在上升和溶解到背景中。

这就是您要做的吗

用过

@keyframes 

非常感谢。这就是我想要的效果,但是使用mo.js
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);
}
@keyframes