javascript - 将 css 边框淡化为不可见？

Question

是否可以淡化元素的边框？需要澄清的是，这需要从 javascript 触发，并且不能选择使用 jquery 之类的动画。我们正在使用 sencha，但看起来您无法使用 extjs 对元素大小和位置以外的任何内容进行动画处理。我知道 css3 有一些方便的动画，但我找不到与我的需要类似的东西。

Answer 1

是这样的吗？

div.transition {
  border: 5px solid rgba(0,0,0,1);
  height: 100px;
  width: 100px;
  background-color: #ffffff;

  -webkit-transition: border-color 1s linear; /* Saf3.2+, Chrome */
     -moz-transition: border-color 1s linear; /* FF3.7+ */
       -o-transition: border-color 1s linear; /* Opera 10.5 */
          transition: border-color 1s linear;
}

div.transition:hover {
  border-color: rgba(0,0,0,0);
}

演示在 http://jsfiddle.net/gaby/bcn5c/1/