Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-apps-script/5.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
Javascript Jquery在12秒后显示CSS li_Javascript_Html_Css - Fatal编程技术网

Javascript Jquery在12秒后显示CSS li

Javascript Jquery在12秒后显示CSS li,javascript,html,css,Javascript,Html,Css,所以我得到了一个12秒后需要显示的按钮。我没有css或javascrip方面的经验 我的代码 .btn\u正在等待{ 能见度:可见; 不透明度:1; 过渡延迟:12s; } 使用动画帧的纯CSS解决方案 出现关键帧{ 0% { 可见性:隐藏; } 100% { 能见度:可见; } } .btn_正在等待{ 可见性:隐藏; 动画:显示0s 12s 1正常向前缓和 } 使用动画帧的纯CSS解决方案 出现关键帧{ 0% { 可见性:隐藏; } 100% { 能见度:可见;

所以我得到了一个12秒后需要显示的按钮。我没有css或javascrip方面的经验

我的代码

.btn\u正在等待{
能见度:可见;
不透明度:1;
过渡延迟:12s;
}


使用动画帧的纯CSS解决方案

出现关键帧{ 0% { 可见性:隐藏; } 100% { 能见度:可见; } } .btn_正在等待{ 可见性:隐藏; 动画:显示0s 12s 1正常向前缓和 }


使用动画帧的纯CSS解决方案

出现关键帧{ 0% { 可见性:隐藏; } 100% { 能见度:可见; } } .btn_正在等待{ 可见性:隐藏; 动画:显示0s 12s 1正常向前缓和 }


这可以通过添加关键帧动画效果并将动画计时设置为12秒来实现。下面的代码将适用于您

.btn\u正在等待{
能见度:可见;
动画名称:示例;
动画持续时间:12秒;
}
@关键帧示例{
0% {
不透明度:0;
}
99% {
不透明度:0.1;
}
100% {
不透明度:1;
}
}


这可以通过添加关键帧动画效果并将动画计时设置为12秒来实现。下面的代码将适用于您

.btn\u正在等待{
能见度:可见;
动画名称:示例;
动画持续时间:12秒;
}
@关键帧示例{
0% {
不透明度:0;
}
99% {
不透明度:0.1;
}
100% {
不透明度:1;
}
}


哪个按钮?我看不到你房间里有按钮HTML@ochi阅读问题。它就在那里
.btn_waiting
@jai这是一个名为
.btn_waiting
的类,但它是一个超链接(不是按钮)-我是学究吗?(也许)-我错了吗?(技术上……也许):)看:有几种解决方案哪个按钮?我看不到你房间里有按钮HTML@ochi阅读问题。它就在那里
.btn_waiting
@jai这是一个名为
.btn_waiting
的类,但它是一个超链接(不是按钮)-我是学究吗?(也许)-我错了吗?(从技术上来说……可能):)看:有几种解决方案这几乎立即显示链接(不是在12秒之后)-转换可能需要12秒,但链接在这之前很久就可见添加到css:
99%{opacity:0}
是的,如果你想要淡入淡出效果,你可以使用
opacity
,但是在OP的情况下,设置<代码>可见性的动画可以。这几乎立即显示链接(不是在12秒之后)-过渡可能需要12秒,但链接在这之前很久就可见添加到css:
99%{opacity:0}
是的,如果您想要淡入效果,可以使用<代码>不透明度,但在OP的情况下,设置<代码>可见性的动画就可以了。