历史版本3 :3D 卡片动画插件 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
数据面板配置编辑
IMAG{X70@9KM.png)
0）名称：卡片中央显示的大字。
1）图片路径：卡片的背景图片地址，支持window和unix地址分隔符,请输入绝对路径。
2）X坐标：图片在表状形态下的X坐标位置，数值为整数，从1开始。*
3）Y坐标：图片在表状形态下的Y坐标位置，数值为整数，从1开始。*
4）描述1-3：为卡片添加的额外描述，默认样式为显示在卡片下方。
(其中X,Y坐标为必填内容)
样式面板配置编辑
1）样式：配置卡片基本样式
2）相机：
a)视角--数值越大，卡片在水平方向被拉伸的越长
b)远近视截面--相对于深度剪切面的远近的距离
c)镜头角度--调整观察图像的角度
3）控制：
a)润滑度：鼠标操作指是的鼠标灵敏程度
b)距图像的最近最远距离：图像可以被缩小放大的极限距离
4）位置：调整图像位置和卡片之间的间隙
5）css：输入卡片各要素的css代码，让你的卡片更漂亮。非技术人员这里可以保持默认，无需配置。（基本样式可以在样式栏中配置，这里只是让你的卡片更加骚而已）
a)背景样式--图表展示框的样式，可以在此添加纹理图案（颜色背景可以在样式栏里选择）
b)卡片样式（包括伪元素样式）--可以写一些骚代码，比如：
代码清单
卡片伪元素（：：before）
content:'';
width: 25px;
height: 20px;
position: absolute;
bottom:0;
right:0;
-webkit-border-bottom-right-radius: 30px;
-webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
-webkit-transform:
rotate(-20deg)
skew(-40deg,-3deg)
translate(-13px,-13px);
卡片样式：
margin: 20px auto;
width: 120px;
min-height: 160px;
padding: 10px;
position:relative;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
-webkit-border-bottom-right-radius: 60px 60px;
-webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
特效面板配置编辑
1）交互选项：在此面板配置图形形状，转换，旋转的参数，可以让图形连贯切换，效果更为炫酷
2）条件显示：未启用