0421

box-shadow 阴影效果
X轴距离  Y轴距离 模糊距离  还可以设置颜色
box-sizing: border-box; 盒子不用再去除边框边距的距离了  始终保持原来大小
text-shadow 文字阴影  属性等同盒子阴影
word-wrap:break-word 自动换行
 
//规定列数
column-count: 2;
            /* 规定列的间隔 */
 column-gap: 2em;
 
transform属性
 transform: rotate(30deg); 顺时针旋转30度
transform: scale(2);  比例放大两倍
 
 transform: translate(-50%, -50%);  自身宽度高度一半的距离
transform:translate 可以设置X轴 Y轴的距离
 
@keyframes动画属性
@keyframes 动画名称{
from{
}to{}                 }                 //还可以0%{}  25%{}  80%{}  100%{}  这样写
 
//在div设置此属性可以调用动画             
animation: first 2s infinite linear alternate;
infinite 动画循环播放       linear 动画开始结束速度一样  alternate 动画反放

猜你喜欢

转载自www.cnblogs.com/renshen/p/12745137.html