2021/1/12-每日三题第19弹：是时候展现真正的技术了，你知道 CSS3 动画用到了哪些属性吗 ？？？

前言：

朋友们好啊，俺来了，今天还是老规矩，再给大家带来一个笑话啊😁😁😁，

我舅舅来我家做客，老妈让我给舅舅倒茶，

我倒完后，端着杯子递给舅舅。不小心把水洒在舅舅的裤子上~~~

道歉后，老妈说水太少，让我再倒点。

然后我把剩下的半杯水也倒在了舅舅的裤子上~~~😂😂

好了，话不多说，上题目！！！😍😍😍

题目：

(题目1) 说一下 CSS3 动画跟哪些属性有关 ？

(题目2) 说一下 stylus / sass / less 的区别 ？

(题目3) 说一下 postcss 的作用 ？

倒计时10min，开始计时，看看自己能做对几道题😎😎😎？参考解析在下面，但不要直接看解析哦，这样子没什么效果的！！！

参考解析：

题目1：

1.依靠 CSS3 中提出的三个属性： transition 、 transform 、 animation
2.transition：定义了元素在变化过程中是怎么样的，包含 transition-property 、
  transition-duration 、 transition-timing-function 、 transition-delay 
3.transform：定义元素的变化结果，包含 rotate 、 scale 、 skew 、 translate 
4.animation：动画定义了动作的每⼀帧（ @keyframes ）有什么效果，包括 animation-
  name 、 animation-duration 、 animation-timing-function 、 animation-
  delay 、 animation-iteration-count 、 animation-direction

题目2：

1.均具有“变量”、“混合”、“嵌套”、“继承”、“颜⾊混合” 五⼤基本特性
2.Sass 和 LESS 语法较为严谨， LESS 要求⼀定要使⽤⼤括号“{}”， Sass 和 Stylus 可
  以通过缩进表示层次与嵌套关系
3.Sass ⽆全局变量的概念， LESS 和 Stylus 有类似于其它语⾔的作⽤域概念
4.Sass 是基于 Ruby 语⾔的，⽽ LESS 和 Stylus 可以基于 NodeJS NPM 下载相应库后
  进⾏编译

题目3：

1.可以直观的理解为：它就是⼀个平台。为什么说它是⼀个平台呢？因为我们直接⽤它，感
  觉不能⼲什么事情，但是如果让⼀些插件在它上⾯跑，那么将会很强⼤
2.PostCSS 提供了⼀个解析器，它能够将 CSS 解析成抽象语法树
3.通过在 PostCSS 这个平台上，我们能够开发⼀些插件，来处理我们的 CSS ，⽐如热⻔
  的：autoprefixer
4.PostCSS 可以对sass处理过后的 css 再处理 最常⻅的就是 autoprefixer

怎么样，是不是很简单，你做对了几道题呢？做对的再接再厉，不要骄傲，做错的也没有关系啦，好好总结，继续努力 ！！！

当然啦，大家如果有补充的或者其它问题，欢迎大家在评论区交流啊，路漫漫其修远兮，吾将上下而求索，希望大家可以一起坚持下去啊 ！！！😎😎😎~~~

如果这篇文章能够帮助到您，希望您不要吝惜点赞👍👍和收藏💖💖，您的支持是我继续努力的动力 💪💪 ！！！