0

我在一个函数内的 jQuery 中切换了这个 css 类（代码归功于@Laurence）：

function rocksType_shift(direction) {
    $('#rocksType_DBitems_container .before').removeClass('before')[direction]().addClass('before');
          $('#rocksType_DBitems_container .current').removeClass('current')[direction]().addClass('current');
          $('#rocksType_DBitems_container .after').removeClass('after')[direction]().addClass('after');
}

整个上下文-小提琴。

这些类具有以下配置：

/* CSS styling for the 1st visible item (before) */
.before {
  background-color: Aquamarine;
  -webkit-border-radius: 70px 24px 24px 24px; 
    -moz-border-radius: 70px 24px 24px 24px;       
    border-radius: 70px 24px 24px 24px;
}

/* CSS styling for the 2nd visible item (current) */
.current {
  background-color: Aqua;
  border: 4px solid #000000; 
    -webkit-border-radius: 24px 24px 24px 24px; 
    -moz-border-radius: 24px 24px 24px 24px; 
    border-radius: 24px 24px 24px 24px;
}

/* CSS styling for the 3rd visible item (after) */
.after {
  background-color: Aquamarine;
  -webkit-border-radius: 24px 24px 24px 70px; 
    -moz-border-radius: 24px 24px 24px 70px; 
    border-radius: 24px 24px 24px 70px;

问题：我想使用 animate()，所以我可以为边界半径设置动画。这可以做到吗？

佩德罗

4

1 回答 1

1

我知道你说过你希望它与 animate() 一起使用，但既然你已经使用 CSS3，为什么不通过添加过渡来做到这一点.rocksType_DBitem呢？

http://jsfiddle.net/vNxeY/1/

于 2013-04-12T17:39:19.977 回答