gpt4 book ai didi

javascript - 如何用Javascript手动调用CSS动画?

转载 作者:行者123 更新时间:2023-11-28 18:41:04 25 4
gpt4 key购买 nike

我正在使用带有 CSS 动画的 UIWebView,当它从 alpha 0 加载到 1 时,它会为主体设置动画:

 NSString *HTML = [NSString stringWithFormat:@"<html> \n"
"<head> \n"
"<style type=\"text/css\"> \n"
"@-webkit-keyframes fadeIn {from {opacity: 0;-webkit-transition: opacity;}to {opacity: 1;}} \n"
"body {\n"
"-webkit-animation-name:fadeIn;\n"
"-webkit-animation-duration: 1.5s;\n"
...

我的问题是,我如何使用 Javascript 手动调用此动画,以便在任何时候,如果我调用 JS, View 从 0 到 1 进行动画处理(而不是仅在加载时进行动画处理)?还是 CSS 无法做到这一点?

基本上我想这样做:

[mainWebView stringByEvaluatingJavaScriptFromString:@"/*animate*/"];

最佳答案

您可以通过将过渡添加到主体并稍后添加一个类来完成此操作,该类在您选择时通过 jQuery 或任何其他库将过渡附加到主体来更改属性。这里有一个简单的例子:

http://jsfiddle.net/Fwteu/4/

还有一个从回调中动画化不透明度以显示正文的示例:

http://jsfiddle.net/tCfb5/

关于javascript - 如何用Javascript手动调用CSS动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11387000/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com