遮罩层怎么做（遮罩css）

刮开图片的效果怎么做？

刮开图片的效果可以使用两张图片进行叠加，其中一张是被覆盖的原图，而另一张则是用灰色或其他颜色填充的遮罩层。

然后，使用鼠标或手指在遮罩层上进行划动，以此刮开部分遮罩，露出原图。

这个效果可以通过CSS的background-blend-mode属性实现，或者使用JavaScript来动态改变遮罩层的透明度来实现。需要注意的是，在使用遮罩层的情况下，最好使用高质量的图片，以避免图片在缩放时失真。

浏览器部分内容如何遮挡？

遮挡浏览器部分内容，一般用到div，可以实现遮挡浏览器窗口的功能，代码为：

<div unselectable="on" style="background:#000;filter:alpha(opacity=10);opacity:.1;left:0px;top:0px;position:fixed;height:100%;100%;overflow:hidden;z-index:10000;"></div>

涉及css属性解释一下，根据实际需求调整对应参数：

 1)       background:#000: 将div的背景色设置为黑色; filter:alpha(opacity=10): 在IE下，将div的透明度设置为0.1; opacity:.1: 在非IE下，将div的透明度设置为0.1。

2)       left:0px;top:0px;position:fixed;height:100%;100%: 定义div的高度和宽度分别是浏览器高度和宽度的100%。这里有个小技巧，如果div的position是fixed或者absolute，那么当div的高度设置为百分比(例如100%)时，div的高度将参照浏览器可视区域(viewport)的高度来计算。此外，设置position为fixed，可以使得浏览器即使在scroll或resize时也保证遮罩层一直挡在页面的可视区域。

3)       overflow:hidden 用来避免滚动条的出现。

怎么学习PPT中的动画制作？

你好，PPT动画有很多种，工具其实也就那几个，但是创意起来很多方式，下面这个就是我做的其中之一，想了解更多，关注我，里面有很多，希望对你有用。知识本来就是拿来分享一起学习的，欢迎吐槽。

PPT动画效果之“气吞山河”

第1步

准备好素材

俗话说巧妇难为无米之炊

做PPT也是一样

请回复“气吞山河”

已准备好素材文件和原版PPT

供其下载

我们需要素材①

素材②

素材③

素材④

注意：素材一定是透明背景的PNG格式

不会使用PS的朋友

请查看tusir君以前发布的

PPT之《实用宝典——快速抠图法》

回复“快速抠图”

已准备好素材教程，供其下载学习

第2步

导入素材，图片插入

选择水墨层

动画——线条效果

调整动画效果

自下而上

选择毛笔图层

动画——浮入效果

继续选择毛笔工具

动画——绘制自由曲线效果

按照书法字体绘制毛笔路径

最后选择

书法字体

动画——擦除效果

自上而下，时间3秒（时间根据自己作品设定速度，没有严格要求）

与上个动画同步，这样才能和毛笔路径一致

所有动画效果就这样简单的制作完毕了

懒于了解PPT动画的我，最近终于研究了PPT动画。

从简单的积累素材开始，讲了几期简单的动画操作。

发现，一直被我认为高深莫测的动画效果，其实根本不难。

我从五大页面的简约动画，信息图表及图文排版的呈现方式，加之几种常见的使用场景。

发现常用动画就这几种：【基本缩放】、【擦除】、【淡出】、【飞入】。

以工作实用性来讲，完全足够。

当然，我所说的不难，仅仅限于职场需要，并非专业动画设计。

这期就以职场定位，来说说动画的作用、适用场景以及该怎么去学它。

一、动画的作用？

①表达逻辑

在静态页面中，信息图表是我们表达逻辑和数据的重要方式。

如果在逻辑图表中加入动画，按照设定好的出场顺序，能更好的引导受众，辅助内容表达逻辑。

②强调内容

之前讲过静态页面中突出重点的方法。PPT突出重点的6个方式

而在动态页面中，用一个动画更加强调了主题。

在数据图表中加入动画，同样达到引导受众，强调数据的作用。

再比如一个【基本缩放】动画，给人制造视觉冲击，产生吸引。

了解这一动画后，再结合自己的PPT，你能使用在很多强调主题的场景中。

③避免枯燥

让人犯困的PPT是不可避免的，增加有趣的动画来吸引受众注意力。

虽然是一个“小心机”，但确实可以增加趣味性，让内容生动灵性。

二、适用场景？

动画用的好是附加值，用不好反倒画蛇添足。

所以要根据什么场景？了解受众人是谁？来决定怎么用它。

①什么场景？

阅读型内容，比如工作汇报、数据分析、公司简介...

这类严谨正式的场合，文字较多的内容比较适合静态呈现。

大型演讲、发布会比较适合简单少量的动画，来营造气氛。

②受众人是谁？

如果是上了年纪，视力不太好的领导，就不用考虑使用动画了。

当然，你不必逐个删除动画，PPT制作不加班的十个“小心机”，这里可以一键禁止使用动画。

三、学习定位？

以上我们了解，动画主要启到一个辅助作用。

如果不是专业需要，不必花费太多心思。

学会几个基础动画，就能让你的职场PPT变得活跃起来。

四、你要怎么学？

①熟悉功能

首先我们要尝试“动画”、 “动画窗格”、“效果选项”中的所有功能，简单了解它们是干嘛的，是什么样的效果。

这里不必过多阐述，你一试便知。

②模仿素材

拆分解析案例素材，保证模仿的成品效果丝毫不差，细节精确到计时的每分每秒。

这里你就可以对照我的动画成品练习，有动图和图文的完整解析，看明白是没有问题的。

③积累动画

结合自身常用场景，制作完成动画，积累到自己的素材库中，以便下次方便使用。

总结

从三个PPT动画的基本作用开始，我们了解到动画的适用场景，以及适合自身情况的学习定位。

同时也讲述了你要学习的具体方法，熟悉——模仿——积累。

套路依旧，这三大步就能让初学者也能快速掌握技巧，玩转PPT。

注：小万使用的是PowerPoint2016。