转自：http://www.liaoxuefeng.com/article/0013738937970388b6b6e5e5e2f4e21b65b01807c84ddf6000
用小图片实现气泡效果不难，但图片一费流量，二难修改，改边框颜色、大小均要重新生成图片，一个普通的前端设计师和一个优秀的前端设计师的差距就在这里：前者完成任务，后者追求极致。
当然，我作为一个非专业的前端设计师，以上效果也是经若干次google后总结得出。
预备知识：用css实现三角形。
实现三角形之前，我们用css实现不同颜色的边框：
代码：
把div的border加粗，四边颜色不同，就出现了神奇的效果，每一边都变成了梯形。
如果把div的width和height都设为0，会出现什么情况？
代码：
三角形出现了！
但是是4个三角形，而气泡只需要一个！怎么办？把不需要的边框设置为透明：
代码：
三角形初步完成！
但是气泡的尖角不是三角形，而是斜线，怎么办？也有办法，找两个三角形叠在一起，线条就出来了：
代码：
为了让大家看清楚，两个三角形距离为6px，如果把距离设为1px，那就是两条细线了。
但是第二个三角是白色的，怎么办？没关系，我们假定气泡的背景色是白色，第二个三角的颜色就正好融入背景色，如果气泡的背景色是其他颜色，就把第二个三角设定成一样的背景色。
同样的道理，第一个三角的颜色要和气泡的边框色一致，通过相对定位，一个完美的气泡就出现了！
最后一步，把样式整理到css文件中，写成简洁的形式：
大功告成！
如果气泡的方向不是向左怎么办？只要叠加出正确方向的三角就行。
去掉气泡
nodataloadingoption: {
text: '无数据',
effect: 'bubble',
effectoption: {
effect: {
n: 0
}
}
},
//改气泡为其他格式
nodataloadingoption : {
text : '暂无数据',//提示文本
effect: 'whirling',//效果图
effectoption :{
backgroundcolor:'rgba(0,0,0,0)', //背景颜色
}
},
effect还可有其他效果
以下美缝施工会遇到的一些问题
01.美缝做好了怎么不干？为什么会有气泡？
首先，如果有不干的情况出现，很多人第一反应就会觉得是产品材质不好，其实不然。美缝施工对环境的要求很高，要保持干燥整洁卫生，不能有水分，潮湿天气尽量不施工。
其次美缝对施工技术也是有要求的。如果胶没打满，而导致里面有空气，就会容易产生气泡。并且，胶嘴前端有空气，容易混合不均匀， 所以要适当挤出当废料丢弃，这样才方便避免美缝前段不干。
以及如果施工中途停顿太久也会引起不干。
再有一种情况是，缝隙底部是空的，而我们打料过薄，瓷砖缝隙内空气受热膨胀会将打料薄的地方顶起形成气泡，多发生在炎热的夏天。
如果出现气泡的情况，应当用壁纸刀将气泡划破，将材料填实，用钢球压平。
02. 产品易打爆管，别人却不？
这主要是因为使用方法不正确造成的。因为胶枪的扳机每按动一次，料管里面的压力就会上升一点。如果按紧扳机不释放压力，那么当压力太大的时候，而混合胶管的出料量小，那么胶体就会在瓶后被挤出来，从而导致爆瓶。
03. 进行压缝，是使用刮板好还是压缝球好？
如果用刮板，美缝剂缝隙与瓷砖持平，日常生活中总避免不了剐蹭，会破坏美缝剂，日积月累美缝剂光泽度下降美缝剂将不再美观，压缝球会使美缝剂形成凹面， 不仅保护美缝剂，而且施工效果更有立体感，整体更漂亮。
04. 进行美缝施工后，美缝为什么会变色？
首先很多人可能直到现在还没弄明白自己所做的美缝为什么会变色，其实很简单，大部分会变色的问题都是防滑耐磨砖，这类砖品牌的一般返酸期为7至10天。杂牌的也就是质量不合格的会长达半年之久，还有些是我们美缝结束后保洁进来为了图省事用酸性清洁剂清洁砖面时弄到了美缝线条的原因。
其次白色发黄这恐怕是世界性问题了，所有白色的物质随着时间的长久多少都会变黄，无非就是时间长短而已。
05. 有些白色的砖，做出来有黑边，该如何处理呢？
出现这种情况可能是我们在清缝时，划到了瓷砖壁，或者是所用刀片质量不好，划到瓷砖壁，导致瓷砖壁变黑。
白色的瓷砖，一旦有一点黑，会特别明显。所以，做美缝之前，一定要先跟业主沟通好，这点很重要。可先把瓷砖壁用刀片清理干净，并且做上样板，让业主看一下效果，如果业主同意，再开始施工。
如果前期没有注意，等发现的时候，白色的瓷砖壁已经有黑边了，怎么办呢？用抹布蘸酸性试剂擦拭，既能擦掉这个黑边，同时也不伤手呢！
06. 无意中踩到未干的真瓷胶，踩到地上怎么办？
准备工具和材料：
①2000瓦的热风枪一把
②带电线的插排一个
③壁纸刀一把
④干净的白毛巾两块
⑤无水乙醇一瓶
操作步骤：
1、先用毛巾擦一遍有脚印的部分
2、干净的一块毛巾平铺在有脚印的部位
3、将无水乙醇瓶打开，将其倒在毛巾上，毛巾浸湿为准
4、将热风枪通上电，打开开关，将档位调到二挡。热风枪出风口正对毛巾，并来回移动，加热约一分钟后，用热风枪的扁口配件按到毛巾上，用力来回移动，直到污迹去掉
5、残留的小点可用手指带毛巾用力搓，直到小点去掉
6、最后用潮湿毛巾擦拭
注意事项
1、热风枪加热后出风口很热，避免烫伤。
2、热风枪和毛巾在一起的时间不能过长，毛巾干后及时补上无水乙醇。
3、不能用力过大或用刀片划。
还没有评论，来说两句吧...