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 - 移动端radio无法选中2. apache - 怎么给localhost后面默认加上8080端口3. 我设置的背景怎么显示不出来4. mysql - 数据库JOIN查询5. c++ - win7在不删除管理员密码的前提下（密码不为空），如何设置开机不需要密码？6. 关于Navicat连接到mysql，我改了root的密码后，Navicat连接报错1862？7. php7.3.4中怎么开启pdo驱动8. python - 用scrapy-splash爬取网站 为啥iframe下的内容没有被返回9. mysql - 数据库建字段，默认值空和empty string有什么区别 11010. windows-7 - Win7中Vmware Workstatoin与Xampp中Apache服务器端口冲突？
网公网安备