任意图层

图片的增强功能,还可以作出多种特效!例如正反面图片切换,弹出图片等等

工作区实例

编辑区

组件编辑区(核心)


组件(也可以称为图层)的位置和宽高:

链接地址:当前任意图层的链接,如果此处为空则此组件无链接

自加class:如果此处添加一个名字(例如:user-aaa)则会为当前任意图层的最外层div添加一个class名字,从而达到共享装修页面中其他地方的css样式

自定z-index:详解

注:自加class和自定z-index这两个功能适合于有代码知识的用户,一般较少使用


1处图层宽高=图片宽高:如果勾选了,当在2处输入图片地址时,图层宽高将自动等于图片的宽高

2处为组件默认显示的图片

3处为鼠标触发组件时显示的图片,如果不需要可以为空

4处:

  • 图层透明度即为整个组件的透明度
  • 背景图说的就是2处的图片
  • 背景固定也比较实用,可以做出背景图不随鼠标滑轮滚动的效果,具体说明可参照模块背景
  • 超出隐藏控制的是3处图片的宽高超出组件尺寸宽高的时候是否显示

CSS3动画特效设置:CSS3动画特效设置

鼠标浮上外框颜色:如果不填则不显示边框

旋转基点:该处的设置为上方的【CSS3动画特效设置】中的旋转特效服务

强调动画和动画强度:比【CSS3动画特效设置】使用更为简单,如果此处动画能满足要求,那就无需去使用【CSS3动画特效设置】了


此处设置比较简单,可以鼠标触发弹出该图片,

如果3处的图片不够用再使用此处设置


用于设置组件的边框,圆角类型可以控制组件的倒角样式


遮罩层图片如果设置了,将显示到整个组件的最上层,用半透明图片挡住其他内容就实现了遮罩效果

results matching ""

    No results matching ""