給div設置background-color: rgba(0, 0, 0, 0.2)屬性,並加了css3動畫--opacity動畫淡出動畫,之后div子元素的字體會抖一下


問題:給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);
}
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM