mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-23 06:58:33 +08:00
e8fa5938ab
* site: use CSS logical properties * Update components/anchor/demo/targetOffset.tsx Co-authored-by: afc163 <afc163@gmail.com> Signed-off-by: lijianan <574980606@qq.com> * fix: fix * fix: fix * chore: fix * fix: add more * fix: add more --------- Signed-off-by: lijianan <574980606@qq.com> Co-authored-by: afc163 <afc163@gmail.com>
36 lines
676 B
Markdown
36 lines
676 B
Markdown
## zh-CN
|
|
|
|
可以自定义工具栏并添加下载原图或翻转旋转后图片的按钮。
|
|
|
|
## en-US
|
|
|
|
You can customize the toolbar and add a button for downloading the original image or downloading the flipped and rotated image.
|
|
|
|
```css
|
|
.toolbar-wrapper {
|
|
position: fixed;
|
|
bottom: 32px;
|
|
inset-inline-start: 50%;
|
|
padding: 0px 24px;
|
|
color: #fff;
|
|
font-size: 20px;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-radius: 100px;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.toolbar-wrapper .anticon {
|
|
padding: 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.toolbar-wrapper .anticon[disabled] {
|
|
cursor: not-allowed;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.toolbar-wrapper .anticon:hover {
|
|
opacity: 0.3;
|
|
}
|
|
```
|