yuyuy

/* 1.定义动画关键帧 变形 平移 旋转 缩放 */ @keyframes transform { /* 开始状态 结束状态 过程 */

/* 2.给元素设置动画 */ /* 2.1设置动画名称 */ animation-name: move; /* 2.2设置

width: 960px; height: 200px; margin:30px auto; overflow

div{ height: 200px; background-color: pink; text-align: center;

margin: 0; padding: 0; list-style: none; } ul{

/* 过渡属性名称 */ transition-property: width,background-color; /* 过度持续时长 */

.parent{ width: 1090px; height: 570px; margin: 0 auto; }

.parent{ width: 1090px; height: 38px; /* background-color: royal

.child{ flex: 0 1 300px; height: 100px; border: 1px solid royalb