边框

圆边角：
border-radios: xx(上下) xx(左右)

边框阴影
box-shadow：
阴影的X轴(正值向右，负值向左)    
阴影的Y轴(正值向下，负值向上)    
阴影模糊值（大小）
阴影尺寸
阴影颜色
insetr（内/外部阴影）  

border-image
border-image：border-image-source || border-image-slice [ / border-image-width | / border-image-width ? / border-image-outset ]? || border-image-repeat
 border-image-source：定义边框图像的路径；
border-image-slice：定义边框图像从什么位置开始分割；
border-image-width：定义边框图像的厚度（宽度）；
border-image-outset：定义边框图像的外延尺寸（边框图像区域超出边框的量）；
order-image-repeat：定义边框图像的平铺方式。

渐变
Linear-gradient（）线性渐变
direction 用角度值指定渐变的方向（或角度）
color-stop1, color-stop2,... 用于指定渐变的起止颜色。

Radial-gradient（）径向渐变
background-image: repeating-radial-gradient(shape size at position, start-color, ..., last-color);

shape 定义渐变的形状。可以是:-   ellipse (默认)：指定椭圆形的径向渐变 circle：指定圆形的径向渐变 
size 边缘轮廓的具体位置。可以是以下值：
farthest-corner (默认)：指定径向渐变的半径长度为从圆心到离圆心最远的角。
closest-side：指定径向渐变的半径长度为从圆心到离圆心最近的边。
closest-corner：指定径向渐变的半径长度为从圆心到离圆心最近的角。
farthest-side：与 closest-side 相反，指定径向渐变的半径长度为从圆心到离圆心最远的边。
position  圆心位置，类似 on与 background-position 或者 transform-origin。默认为 "center" 
start-color, ..., last-color 用于指定渐变的起止颜色，可以使用长度值或百分比来指定起止色位置，但不允许负值。

文本效果：
Word-break：定义如何换行
Word-wrap：允许长的内容可以自动换行
Text-overflow：指定当文本溢出包含它的元素，应该干啥
Text-shadow：文字阴影（水平位移，垂直位移，模糊半径，阴影颜色）

转换：
Transform 应用于 2D3D 转换，可以将元素旋转，缩放，移动，倾斜
Transform-origin 可以更改元素转换的位置，（改变 xyz 轴）

Transform-style:
flat 表示所有子元素在2D平面呈现。
preserve-3d 表示所有子元素在3D空间中呈现。

过渡：
Transition-proprety 过渡属性名
Transition-duration 完成过渡效果需要花费的时间
Transition-timing-function 指定切换效果的速度
Transition-delay 指定什么时候开始切换效果

animation
Animation-name 为@keyframes 动画名称
animation-duration 动画需要花费的时间
animation-timing-function 动画如何完成一个周期
animation-delay 动画启动前的延迟间隔
animation-iteration-count 动画播放次数
animation-direction 是否轮流反向播放动画