1、动画
(1)@keyframes 定义关键帧动画
(2)animation-name 动画名称
(3)animation-duration 动画时间
(4)animation-timing-function 动画曲线
linear 匀速
ease 开始和结束慢速
ease-in 开始是慢速
ease-out 结束时慢速
ease-in-out 开始和结束时慢速
steps 动画步数
(5)animation-delay 动画延迟
(6)animation-iteration-count 动画播放次数 n|infinite
(7)animation-direction
normal 默认动画结束不返回
Alternate 动画结束后返回
(8)animation-play-state 动画状态
paused 停止
running 运动
(9)animation-fill-mode 动画前后的状态
none 不改变默认行为
forwards 当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)
backwards 在 animation-delay 所指定的一段时间内,在动画显示之前,应用开始属性值(在第一个关键帧 中定义)
both 向前和向后填充模式都被应用
(10)animation:同时设置多个属性
2、hello world
/*控制浏览器弹出一个警告框*/
alert('这是第一个');
/*让计算机在页面中输出一个内容*/
document.write('看我出不出来')
/*向控制台输出一个内容*/
console.log('你猜我在哪出来呢?')