圆形效果展示

圆形效果展示一共有20种效果。如果出现效果和图片不稳合,修改方法有两种。第一种是在图像详情编辑里面的宽度和高度同时设为空。第二种,如果非要对图像大小做设置,需要同时设置宽高为多少像素,并且在图片上添加同样的宽高。如果没有出现效果,需要你在图像详情编辑里面的详情进入方向更改一下(例如你之前选的是左到右,可以改成向上缩放等等)有的效果必须加上详情进入方向才会生效。

1. 效果背景颜色

关于效果背景。一共有两种,一种是默认是黑色的,一种是暗蓝色。如果想要暗蓝色背景手动把<div class="ih-item circle effect2">class属性里加上colored 变成<div class=" ih- item circle colored effect2">

140x140

标题

细节描述

140x140

标题

细节描述

2. 设置效果时注意事项

效果一:设置时图像详情编辑里宽高都设置为空。

效果二:设置时必须设置详情进入方向,不然看不到效果。

效果六:设置时详情进入方向只能选带缩放效果的。(如向上缩放)

效果八:设置时需要把<div class="info">修改为<div class="info info-container">和<div class="info-back">修改为<div class="info-container">

效果十八: 设置时必须设置详情进入方向,不然看不到效果。

3. 以下是圆形二十种效果展示

标题

细节描述

效果一

标题

细节描述

效果二

标题

细节描述

效果三

标题

细节描述

效果四

标题

细节描述

效果五

标题

细节描述

效果六

标题

细节描述

效果七

标题

细节描述

效果八

标题

细节描述

效果九

标题

细节描述

效果十

标题

细节描述

效果十一

标题

细节描述

效果十二

标题

细节描述

效果十三

标题

细节描述

效果十四

标题

细节描述

效果十五

标题

细节描述

效果十六

标题

细节描述

效果十七

标题

细节描述

效果十八

标题

细节描述

效果十九

标题

细节描述

效果二十