# 预设动效设置
#### 操作场景
电脑网站、自适应的网站设计器，通过设定模块入场/强调动画、按钮特效、图片特效等多种预设动画，快速搭建企业个性化设计网站，提高网站用户体验。
#### 模块动画
1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，选择站点，单击"网站设计"，进入网站管理后台。
2. 选择终端类型，单击"去设计"。
3. 将鼠标悬停在某个模块上面，单击悬浮菜单栏中的"模块动画"按钮，即可设置入场动画及强调动画。
   图1电脑网站"模拟动画"设置入口   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001419713230.png)
   图2自适应网站"模拟动画"设置入口   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001419713450.png)
   图3电脑网站模块动画设置页面   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001419713594.png)
   图4入场动画设置效果   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001469593557.gif) 
4. 列表多图、轮播多图、图文展示、文章列表等模块仅提供入场动画，但有动画组合可供挑选。电脑网站中，动画组合还可以调整动画的触发方式及方向。
   图5电脑网站"列表多图"模块动效设置   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001469554025.png) 
 
#### 按钮样式
1. 电脑网站及自适应网站的"按钮"模块除了可以设置入场/强调动画外，还可以设置按钮样式。
2. 按钮支持多种样式设置，包括输入数值调整按钮宽高、设置按钮背景悬停色以及文本悬停色等，以增加用户单击率。
3. 在设置面板中，按钮样式还可以即改即显，马上查看修改的效果。
   图6电脑网站"按钮"样式设置   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001419238682.png) 
 
#### 图片特效
使用范围：电脑网站、自适应网站的列表多图、图册目录、产品展示、图片、图文展示等模块。
设置方法：可通过编辑模块来设置，具体操作教程如下：
**电脑网站**
- 图片模块：单击工具栏"模块特效"，在弹窗中选择任一特效即可。
  图7电脑网站"图片模块"特效设置   
  ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001419400106.png) 

- 其他模块：单击工具栏中的"编辑模块"按钮，选择"图片特效"即可设置。
  图8电脑网站"列表多图"图片特效设置   
  ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001419397998.png) 
**自适应网站**
1. 单击悬浮工具栏中的"编辑\>编辑模块"按钮，在弹窗页面中单击"动画设置\>图片特效"，选择任意一个特效即可。
   图9自适应网站"图片模块"特效设置   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001419237842.png)
   图10自适应网站"列表多图"图片特效设置   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001469714097.png)
   图11图片特效效果展示   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001419237490.gif)