css3動畫
問題描述
我想讓他的border在2s內(nèi)閃動2種顏色沒反映，這要怎么寫?
<!DOCTYPE html><html lang='en'> <head><meta charset='utf-8'><meta name='description' content='Creating Modal Window with Twitter Bootstrap'> </head> <style> @keyframes borderbg { 0% {border: 1px solid red !important;} 25% {border: 1px solid #c0ccda !important;} 50% {border: 1px solid red !important;} 100% {border: 1px solid #c0ccda !important;}}@-moz-keyframes borderbg { 0% {border: 1px solid red !important;} 25% {border: 1px solid #c0ccda !important;} 50% {border: 1px solid red !important;} 100% {border: 1px solid #c0ccda !important;}}@-webkit-keyframes borderbg { 0% {border: 1px solid red !important;} 25% {border: 1px solid #c0ccda !important;} 50% {border: 1px solid red !important;} 100% {border: 1px solid #c0ccda !important;}}@-o-keyframes borderbg { 0% {border: 1px solid red !important;} 25% {border: 1px solid #c0ccda !important;} 50% {border: 1px solid red !important;} 100% {border: 1px solid #c0ccda !important;}}.cl-Input p{ width: 200px; height: 200px; border:1px solid #ccc; animation: borderbg 2s; -moz-animation: borderbg 2s; -webkit-animation: borderbg 2s; -o-animation: borderbg 2s; margin: 20px;}</style> <body><p class='cl-Input'> <p class='el-input__inner'> </p> <p class='el-textarea__inner'> </p> <p class='note-frame'> </p></p> </body> <script> </script></html>
問題解答
回答1：你后面加了！important,顏色就不會變了。去了試試
回答2：去掉!important就可以了。加這么多!important是做什么？沒看懂~!important一般不建議使用的吧~
相關文章：
1. windows - asp.net連接上mysql之后如何調(diào)用？比如下面的登錄驗證功能怎么實現(xiàn)2. 剛放到服務器的項目出現(xiàn)這中錯誤，有高手指點嗎3. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現(xiàn)靈異動畫問題，求解決4. apache - 想把之前寫的單機版 windows 軟件改成網(wǎng)絡版，讓每個用戶可以注冊并登錄。類似 qq 的登陸，怎么架設服務器呢？5. mysql - 面試題：如何把login_log表轉(zhuǎn)換成last_login表？6. javascript - nodejs實現(xiàn)異步時遇到的一個問題7. javascript - 為什么嵌套的Promise不能按預期捕獲Exception？8. javascript - 編程，算法的問題9. css - 手機qq打開網(wǎng)頁無法使用文件上傳功能?10. java - HTTPS雙向認證基礎上有無必要再進行加簽驗簽？
網(wǎng)公網(wǎng)安備