day0511

day0511

CSS3

CSS3属性

background背景属性

background-size
background-origin
background-clip

transform

translate
scale
origin
rotate
skew
matrix

2D

3D

backface-visibility:hidden;
背面隐藏

过渡动画和动画

transition

animation

web字体和颜色渐变

字体

线性渐变

background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

径向渐变

background-image: radial-gradient(shape size at position, start-color, ..., last-color);

Canvas

Canvas基础和矩形

canvas不能用css设置宽高
不支持小数像素

var ctx = canvas.getContext("2d");

2D 2d
3D webgl不学

Canvas样式和颜色

Canvas笔触

Path2D