問題:給div設置background-color: rgba(0, 0, 0, 0.2)屬性,並加了css3動畫--opacity動畫淡出動畫,之后div子元素的字體會抖一下;
解決:animation: myfirst 2s;加上animation: myfirst 2s forwards;之后就可以了,
要實現的樣式:div框淡出,但保證div的字體opoacity為1,要不然字體不清晰。(如果給div設置opacity,div子元素都會有透明度)
解決方案:用background-color: rgba(0, 0, 0, 0.2)給div設置背景色,css3動畫也設置background-color: rgba(0, 0, 0, 0.2)屬性
eg:
@keyframes show {
0% {
background-color: rgba(0, 0, 0, 0);
}
100% {
background-color: rgba(0, 0, 0, 0.2);
}
}