你应该使用CSS rgba(0, 0, 0, 0)还是rgba(255, 255, 255, 0)透明度？
各自的优点和缺点是什么？
我已经声明它们超越了在CSS中使用标准色orange,blue,aquamarine,等等,并一直在使用rgb()像这样对于相同的颜色分别为rgb(255,165,0),rgb(0,0,255)和rgb(127,255,212)(感谢ColorHighlighter包ST3).
在改变了bootstrap的渐变时,.btn我遇到了rgba().快速研究解释说,a代表alpha,和那里有完整的数学一大堆归因于 卡特莫尔和史密斯.也很容易发现alpha通道用于"alpha合成",其主要可以被关联为"不透明度".
color: salmon:.5;)在Internet Explorer中,此动画似乎会抖动.我正在阅读这个问题的答案,他们听起来好像有可能修复.
我不能真正使用图像,因为边框半径不是常数,我宁愿不使用动画gif.
我理解'摇摆'不是一个很好的描述,但我想不出任何其他的词来形容它.我没有用Opera/Safari测试它,所以如果你有其中任何一个,我想知道它们是否正确显示还是有问题.请在Chrome/Firefox中运行以下代码段并将其与Internet Explorer中的代码段进行比较:
@keyframes spin{
0% {transform:rotateZ(0deg);}
50% {transform:rotateZ(360deg);border-radius:60%;}
100%{transform:rotateZ(720deg);}
}
@-webkit-keyframes spin{
0% {transform:rotateZ(0deg);}
50% {transform:rotateZ(360deg);border-radius:60%;}
100%{transform:rotateZ(720deg);}
}
@-moz-keyframes spin{
0% {transform:rotateZ(0deg);}
50% {transform:rotateZ(360deg);border-radius:60%;}
100%{transform:rotateZ(720deg);}
}
@-ms-keyframes spin{
0% {transform:rotateZ(0deg);}
50% {transform:rotateZ(360deg);border-radius:60%;}
100%{transform:rotateZ(720deg);}
}
@-o-keyframes spin{
0% {transform:rotateZ(0deg);}
50% {transform:rotateZ(360deg);border-radius:60%;}
100%{transform:rotateZ(720deg);}
}
#spinme{
display:inline-block;
position:relative;
left:0;
top:0;
margin:0.2rem;
width:0.8rem;
height:0.8rem;
border:0.2rem solid black;
border-radius:0;
outline: 1px solid transparent; /* require to remove jagged edges in firefox */
transform:rotateZ(0deg);
animation: spin infinite 4s;
-webkit-animation: spin infinite …