CSS常用代码

transform

1、transform: translate(-50%, -50%);向左上方移动元素的宽高的一半，类似margin取-50%，配合position可以居中。
2、scale()是transform的一个属性值，这是一个缩放函数。当一个元素被定义了transform:scale(x,y)，可以控制其x方向和y方向上的缩放比例，如果只有一个参数，那么第二个参数与第一个参数相等。scale的取值只能是数值，但是可以为负数。
3、逆时针旋转只需要将旋转度数改成负值即可transform:rotate(-90deg)

transition

需要过渡效果可以这样设置transition: transform 1s;1秒钟实现transform的效果。transition主要适用于操作之后动画，animation和@keyframes适合非操作自动产生的动画。

阴影实现方案

filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2));与box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);都可以实现阴影效果。

多行溢出隐藏显示省略号

display: -webkit-box;
display: -moz-box;
white-space: pre-wrap;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;   /*显示行数*/