圆形效果展示
圆形效果展示一共有20种效果。如果出现效果和图片不稳合,修改方法有两种。第一种是在图像详情编辑里面的宽度和高度同时设为空。第二种,如果非要对图像大小做设置,需要同时设置宽高为多少像素,并且在图片上添加同样的宽高。如果没有出现效果,需要你在图像详情编辑里面的详情进入方向更改一下(例如你之前选的是左到右,可以改成向上缩放等等)有的效果必须加上详情进入方向才会生效。
1. 效果背景颜色
关于效果背景。一共有两种,一种是默认是黑色的,一种是暗蓝色。如果想要暗蓝色背景手动把<div class="ih-item circle effect2">class属性里加上colored 变成<div class=" ih- item circle colored effect2">
2. 设置效果时注意事项
效果一:设置时图像详情编辑里宽高都设置为空。
效果二:设置时必须设置详情进入方向,不然看不到效果。
效果六:设置时详情进入方向只能选带缩放效果的。(如向上缩放)
效果八:设置时需要把<div class="info">修改为<div class="info info-container">和<div class="info-back">修改为<div class="info-container">
效果十八: 设置时必须设置详情进入方向,不然看不到效果。
3. 以下是圆形二十种效果展示
效果一 | 效果二 |
效果三 | 效果四 |
效果五 | 效果六 |
效果七 | 效果八 |
效果九 | 效果十 |
效果十一 | 效果十二 |
效果十三 | 效果十四 |
效果十五 | 效果十六 |
效果十七 | 效果十八 |
效果十九 | 效果二十 |