mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
621 B
621 B
order | title | ||||
---|---|---|---|---|---|
3 |
|
zh-CN
切换效果为渐显。
en-US
Slides use fade for transition.
import { Carousel } from 'antd';
ReactDOM.render(
<Carousel effect="fade">
<div>
<h3>1</h3>
</div>
<div>
<h3>2</h3>
</div>
<div>
<h3>3</h3>
</div>
<div>
<h3>4</h3>
</div>
</Carousel>,
mountNode,
);
/* For demo */
.ant-carousel .slick-slide {
text-align: center;
height: 160px;
line-height: 160px;
background: #364d79;
overflow: hidden;
}
.ant-carousel .slick-slide h3 {
color: #fff;
}