javascript – 将css边框淡化为隐形？

是否有可能淡化元素的边界？为了澄清,这需要从javascript触发,并且使用像jquery这样的动画不是一种选择.我们正在使用sencha,但看起来你不能使用extjs为元素大小和位置设置任何动画.我知道css3有一些方便的动画,但我找不到类似于我需要的东西.

解决方法:

像这样的东西？

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/