您的位置：首页技术文章
文章详情页

css3动画

浏览：198日期：2023-06-29 16:39:28

问题描述

我想让他的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一般不建议使用的吧~

标签： CSS
上一条：css3 - 这个形状使用CSS怎么写出来？下一条：这样的下三角气泡框用纯css3如何实现
相关文章：
1. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题2. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）3. mysql - SQL操作时间的函数?4. MYSQL新建用户设置可以远程访问的问题5. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题！6. angular.js - angularjs的自定义过滤器如何给文字加颜色？7. java - mybatis怎么实现在数据库中有就修改,没有就添加8. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？9. docker api 开发的端口怎么获取？10. 正则表达式 - python pandas的sep参数问题
排行榜
$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题
$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题
1. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）
2. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题！
3. angular.js - angularjs的自定义过滤器如何给文字加颜色？
4. java - mybatis怎么实现在数据库中有就修改,没有就添加
5. mysql - SQL操作时间的函数?
6. MYSQL新建用户设置可以远程访问的问题
7. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？
8. docker api 开发的端口怎么获取？
9. docker-compose中volumes的问题
10. 正则表达式 - python pandas的sep参数问题
热门标签