预览地址:

Highlight Box


作用:
对内容做了动画,当鼠标经过时将icon图标加入了滑动的动画,关键是颜色上做了一个高亮显示,给用户体现出一个重要性
效果预览:


后台:

专业网站开发网页设计公司

深度阅读:

【WP可视化编辑器】动画区块-Animation Block 预览地址: https://ultimate.brainstormforce.com/animation-block/ 作用: 动画的样式多样,可以自行调整动画效果,给一些模块添加动画会给人视觉体验更佳 预览效果:后台: ...
【WP可视化编辑器】只是图标-Just Icon 预览地址: https://ultimate.brainstormforce.com/just-icon/ 作用: 图标类型多样,在网站底部可以用到,鼠标经过时有一个提示的文字,可以控制文字出现的位置 预览效果:后台:...
【WP可视化编辑器】价格框-price-box 预览地址:https://ultimate.brainstormforce.com/price-box/ 作用: 有6种展示的风格,对商品的套餐,价格,简介进行展示,为用户提供一个连接按钮,可用作加入购物车或购买 预览效果:后台:...
【VC可视化编辑器U拓展】信息列表 Info-List 作用:对信息进行左右对称排列展示,在显示的过程中增加一些动画,图标的形状多样,对图标和文字进行美观排序。预览效果:样式1样式2   ...
Visual Composure建站教程5 – 如何添加全宽的行 【教学目的】一般的行元素模块,都遵循盒子模型(box),浏览器两边会留白,有时候需要设置全宽的行元素,让样式更加美观,比如你在用一张图片做背景的时候,当然不希望两边留白。这个时候你仍然存在一个疑惑,为什么当前的行模块背景图只是一个局部居中的背景,而不是一个全宽的背景。这时候就涉及到行模块的基...
Visual Composure建站教程0 – 简介 Visual Composure(简称VC)是可视化编辑器,通过拖拽的模块的形式搭建网页,所见即所得,新手经过简单的培训,就能搭建出一个页面。通过阅读学习本系列教程,你可以在“不写任何一行代码的情况下‘,30分钟内搭建出一个精美的页面。这次教程用企业官网中最常见的【关于我们】这个页面...
【WP可视化编辑器】交互式横幅-Interactive-Banners 预览地址:https://ultimate.brainstormforce.com/interactive-banners/ 作用: 图片文字在同框内展示,鼠标进过时,对图片覆盖一个蒙版,或对图片进行一个缩放 预览效果:后台:...
Visual Composure建站教程3 – 如何创建一个行 概念:行(row)是VC编辑器最重要的一个模块,它是所有模块的载体。其作用是为所有的模块提供布局,同时兼顾响应式设计,手机端布局。该布局遵循12栅格布局。即为将整个页面划分成相同大小的12列。可在行内内嵌一层行。使用方法:点击添加元素,选择行(row)。会出现一个空白的行模块。 ...

One thought on “【WP可视化编辑器】高亮框-Highlight Box

  1. Pingback: 齐齐哈尔靠谱的外贸网站建设公司或团队 – The expert blog 1136

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.

wechat logo