我试图改变bootstrap 3轮播的滑动效果淡入/淡出.我按照这里给出的说明进行了Twitter Bootstrap Carousel插件在幻灯片转换时淡入和淡出
下面的css代码(在链接中说)
.carousel .item {
-webkit-transition: opacity 3s;
-moz-transition: opacity 3s;
-ms-transition: opacity 3s;
-o-transition: opacity 3s;
transition: opacity 3s;
}
.carousel .active.left {
left:0;
opacity:0;
z-index:2;
}
.carousel .next {
left:0;
opacity:1;
z-index:1;
}
Run Code Online (Sandbox Code Playgroud)
我的示例链接是在这个分段的末尾,我正在制作但问题是前一个按钮不能正常工作,可能是解决方案是完美的bootstrap2,我使用bootstrap3,任何人都可以帮助我吗?提前感谢您的帮助.我是新来的,非常抱歉我的英语不好,如果我问了一个愚蠢的问题!
https://dl.dropboxusercontent.com/u/35758776/xenxbd/contrastic/index.html#parallux-wrapper-04
我将 NextJS 与 Material UI 和 Apollo 结合使用。虽然一切正常,但警告没有消失。在我看来,很多 Material UI 组件都在使用useLayoutEffect,这是 React 发出的警告。错误如下。
警告:useLayoutEffect 在服务器上不执行任何操作,因为它的效果无法编码为服务器渲染器的输出格式。这将导致初始的、非水合的 UI 与预期的 UI 之间不匹配。为了避免这种情况,useLayoutEffect 应该只在专门在客户端渲染的组件中使用。请参阅 fb.me/react-uselayouteffect-ssr 了解常见修复。
material-ui server-side-rendering react-apollo next.js react-hooks