XenForo-鼠标悬停时节点动画

XenForo-鼠标悬停时节点动画

  • 主题发起人 主题发起人 oksgo
  • 开始时间 开始时间

欢迎客人!

• 开始前请阅读社区规则确保您顺利的熟悉本社区。注册用户可以提交资源,如果您有已发布资源的新版本,您可以随时更新版本!

• 文件链接损坏请在文件下方留言,我们将会及时更新来自备份服务器的新链接。如有其它问题请 提交工单 和我们联系!

• 我们尊重我们的用户,也希望您能进行愉快的交谈.

  • • 我们拥有多账户检测系统,对于重复注册我们将采取严厉措施!提示:如果您的账户超过180天处于非活动状态,系统将自动删除您的账户!

    • We have a multi-account detection system and will take strict measures against duplicate registrations!

    • Reminder: If your account remains inactive for more than 180 days, the system will automatically delete your account!

oksgo

Administrator

管理成员
贡献: 27%
注册
10 16, 2023
消息
1,494
G
6,316 G
支持XenForo 2.3

编辑 extra.less 模板:
CSS:
//*****************************************************//
//* Creates shadows and scales nodes when mouse hover *//
//*****************************************************//

/* Prepare node for effects */

.template-forum_list .block-container .node {
 
    /* Remove previous box border */
    border-style: none;
 
    /* For positioning the pseudo-element */
    position: relative;
 
    /* Add shadow effect to non-hover nodes */
    box-shadow: 2px 2px 1px 0px rgba(99, 99, 99, 0.3);    /* box-shadow: x-offset y-offset blur spread rgba(r, g, b, opacity) */
 
    /* transition time to ease back original state (slower) */
    transition: 200ms ease;
}

/* Create the hidden pseudo shadow element */

.template-forum_list .block-container .node::before {
 
    /* Position the pseudo shadow element. */
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
 
    /* Create the box shadow at expanded size. */
    box-shadow: 0 0 8px 3px rgba(66, 66, 66, 0.7);
 
    /* Hidden by default. */
    opacity: 0;
 
    /* transition time to ease back original state (slower) */
    transition: opacity 200ms;
}

/* Show the pseudo-element on hover */

.template-forum_list .block-container .node:hover::before {
    opacity: 1;
 
    /* transition time after mouse hover (fast) */
    transition: 40ms ease;
}

/* Scale up the box (node) on hover */

.template-forum_list .block-container .node:hover {
    transform: scale(1.025);
 
    /* transition time after mouse hover (fast) */
    transition: 40ms ease;
}

/* Adjust Node Title underline position after scale up */

.node-title {
    text-underline-offset: 2px;
}

/* Adjust Sub-node underline position after scale up */

.node-subNodesFlat {
    text-underline-offset: 2px;
}
 

相似主题

添加代码到用户组CSS: 此 图片可下载到本地修改路径使用。
0
38
0
oksgo 提交新资源: [TC] Custom Node Icons 自定义节点图标 - [TC] Custom Node Icons 阅读关于此资源更多信息...
0
15
0
登录 XenForo 后台-外观-模版列表搜索 xfrm_resource_list_macros; 正常在18-20行 左右 ,找到如下内容,注释掉或者删除。 示例: 去掉后效果:
0
24
0
这里有一个有关如何成功从 2.2 升级到 2.3 的简单指南。 将 XenForo 安装从版本 2.2 升级到版本 2.3 需要仔细规划和执行。如果您没有进行任何研究就直接点击升级按钮,则可能会遇到问题。本指南将引导您完成整个过程,以确保顺利过渡。 ⚠️首先在重复的论坛上进行测试!⚠️ ⚠️禁用您配置的任何缓存!⚠️ 阅读缓存手册并从“true”转到“false” - 不要忘记返回。...
1
76
0
XenForo 2.3.3 发布 我们强烈建议所有运行旧版 XenForo 2.3 的客户升级到此版本,以提升稳定性。 全新安装包 完整升级包 2.3.3 中的一些变化包括: 修复软删除线程上的选择引用处理程序错误 如果 Redis 主机看起来是文件路径,则忽略端口 修复了一些哈希被连接而不是传递给路由器的情况 修复 JS 图标渲染器的闪烁问题 修复可扩展内容转换类回调 查找 Stripe...
0
74
0
后退
顶部