gpt4 book ai didi

tabs - 在 Zurb Foundation 中淡入标签?

转载 作者:行者123 更新时间:2023-12-04 16:20:24 27 4
gpt4 key购买 nike

我想弄清楚 Zurb Foundation 中是否有设置可以很好地淡入标签。

如果没有,有没有人知道手动实现这一目标的最佳方法?

jQuery 的目标是什么?

谢谢。

最佳答案

使用 Zurb v5 和 this post我能够通过在 中添加自定义部件来完成淡入淡出标签。基础.css 如下:

.tabs-content {
*zoom: 1;
margin-bottom: 1.5rem;

/* Customized */
display:block:important!
opacity: 0;
}
/* Customized */
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.tabs-content:before, .tabs-content:after {
content: " ";
display: table; }
.tabs-content:after {
clear: both; }
.tabs-content > .content {
display: none;
float: left;
padding: 0.9375rem 0; }
.tabs-content > .content.active {

/* Customized */
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
opacity: 1;

display: block; }

关于tabs - 在 Zurb Foundation 中淡入标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14337948/

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