CSS边框透明动画
CSS边框透明动画
提问于 2018-06-19 07:26:31
我是css新手。下面是我的代码：
.border1{
border-bottom: 5px solid rgb(255, 0, 0,0.5);
animation-name: animation;
animation-duration: 4s;
}
.border2{
border-bottom: 5px solid rgb(0, 255, 0,0.5);
animation-name: animation;
animation-duration: 4s;
}和动画：
@keyframes animation {
from {border-bottom-color: rgba(0, 255, 0, 0);}
to {border-bottom-color: rgba(0, 255, 0, 0.5);}
}此动画仅适用于border2，因为border2是绿色的，而border1是红色的。我不想为代码中的每个边框都写一个动画关键帧。
所以我想做这样的事情：
@keyframes animation {
from {border-bottom-color: rgba(, , , 0);}
to {border-bottom-color: rgba(, , , 0.5);}
}只需更改不透明度并保留默认颜色即可。如果可能的话，请告诉我怎么做。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50918720
复制相关文章
相似问题
腾讯云开发者
