freeCodeCamp-学习的第3天动画结合上 @keyframes 声明 0%到100%各个阶段需要的变化例如：

动画

animation-name: ;      // 声明动画名字
animation-duration: ;  // 声明动画持续时间

结合上 @keyframes 声明 0%到100%各个阶段需要的变化
例如：

@keyframes [animation-name] {
    0% {
        background: red;           // 在动画的最开始阶段背景色是红色
    }
    100% {
        background-color: yellow;  // 在动画的结尾100%处背景色变为黄色
    }

注意我们不只可以设置开始和结束，而是从 0% 到 100% 间的任意位置都可以设置。

animation-fill-mode: forwards;

由于之前的仅仅两个设定设置的动画会在时间结束的时候重置回原来的效果
所以利用 animation-fill-mode: forwards 可以让动画停留在最后一帧

animation-iteration-count:infinite;

这个东西可以设置动画的循环次数
如果想让动画一直运行，可以把值设置成 infinite

使用 audio 元素提高音频内容的可访问性

audio 标签支持 controls 属性，用于显示浏览器默认播放、停止和其他控制，以及支持键盘功能。这是一个布尔值属性，意味着它不需要一个值，它在标签上存在即开启设置。

举个例子

<audio id="meowClip" controls>
  <source src="audio/meow.mp3" type="audio/mpeg">
  <source src="audio/meow.ogg" type="audio/ogg">
</audio>

.hasOwnProperty(propname)

这个方法可以用来测试对象是否有指定的属性返回布尔值

if(obj.hasOwnProperty(propname))
    return "OK"
else 
    return "not found"