买拆车件上什么网站,谁有那种手机网站,平台营销策略都有哪些,自己做个网页多少钱原理#xff0c;外层包裹一个元素#xff0c;子元素分别是展开和收起的元素#xff0c;然后对展开的元素添加动画#xff0c;动画内容是随时间变化#xff0c;将卡片的transform#xff1a;rotateX属性进行调整#xff0c;因为改变的是子元素的旋转#xff0c;父元素高…原理外层包裹一个元素子元素分别是展开和收起的元素然后对展开的元素添加动画动画内容是随时间变化将卡片的transformrotateX属性进行调整因为改变的是子元素的旋转父元素高度并没变不会影响列表大体布局。
.rotate-down {transform-origin: 50% 0%;animation: rotateDown 0.3s;
}
.rotate-up {transform-origin: 50% 100%;animation: rotateUp 0.3s;
}
keyframes rotateDown {0% {transform: rotateX(90deg);opacity: 0.2;}100% {transform: rotateX(0deg);opacity: 1;}
}keyframes rotateUp {0% {transform: rotateX(-90deg);opacity: 0.2;}100% {transform: rotateX(0deg);opacity: 1;}
}
