css3動畫
問題描述
我想讓他的border在2s內閃動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. 測試自動化html元素選擇器元素ID或DataAttribute [關閉]2. html5 - datatables 加載不出來數據。3. javascript - QQ第三方登錄的問題4. html5和Flash對抗是什么情況？5. 利用IPMI遠程安裝centos報錯！6. node.js - mongodb查找子對象的名稱為某個值的對象的方法7. 運行python程序時出現(xiàn)“應用程序發(fā)生異?！钡膬却驽e誤？8. 在mac下出現(xiàn)了兩個docker環(huán)境9. 正在使用electron和node.js做桌面應用，需要實時監(jiān)聽是否有網絡連接，node或者electron是否可以做到10. spring-mvc - spring-session-redis HttpSessionListener失效
網公網安備