Code_King006的博客

混合器使用最多的场景，是css hack （针对低版本的浏览器做兼容）所以scs是有时候分不清楚，我们写的-是减法还是变量的一部分。scss中预定义了很多函数，有些函数甚至可以在CSS中使用。把多个选择器都会使用的一部分样式封装起来，只写一遍。红色与红色计算，绿色与绿色计算，蓝色与蓝色计算。不带双引号+带双引号=不带双引号的字符串。在scss中，/号的作用，是除法和分隔符。scss中的运算会自动的转换单位。带双引号的+不带双引号=带双引号。在scss中，变量名称可以包含-嵌套有效的减少我们的代码量。

多种颜色，平缓变化的一种显示效果。设置元素在页面中的位置一种布局方式，主要解决某个元素中的子元素的布局方式为布局提供了很大的灵活性改变元素在页面中的位置，大小，角度，以及形状。转换分为2d转换和3d转换2d的转换：在x轴和y轴上发生转换效果3d的转换：在x y基础上增加了z轴的转换效果是元素从一种状态逐渐变为另外一种状态（多个状态）其实动画就是多个过渡效果放到一起动画就是过渡的升级版。

使用场景 使用html和css制作一个时钟，想要将当前真实的时间赋值给时钟，所以需要通过样式表对象，修改@keyframes定义动画中的transform的rotate()函数。 动态时钟 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>clock</title> <style type="text/css"> .clo

以下内容均为学习分享，如有错误或遗漏，欢迎各位前辈指点…

创建渐变轴，createLinearGradient(x,y,x1,y1),x,y指定渐变起点，本例中x=0,y=0以坐标轴(0,0)点开始作为渐变起点，x1,y1指定渐变终点(200,0)，createLinearGradient，定义线性渐变，以起点到终点连线，作为渐变轴，本里是以(0,0)–>(200,0)即横向渐变。在canvas画出的矩形, 圆形, 线条, 文本等的各种形状中，可以使用渐变来对各种形状的填充颜色进行一定程度上的颜色渐变效果，实现效果如下图所示。