要按类添加过渡属性到已存在的过渡属性，可以使用JavaScript的原型继承机制来实现。下面是一个示例代码：

// 定义一个基类
function Base() {
  this.transition = {} // 已存在的过渡属性
}

// 定义一个子类
function Child() {
  this.newTransition = {} // 新添加的过渡属性
}
Child.prototype = Object.create(Base.prototype); // 继承基类的原型

// 添加新的过渡属性到已存在的过渡属性
Child.prototype.addTransition = function(key, value) {
  this.transition[key] = value;
}

// 使用示例
var childObj = new Child();
console.log(childObj.transition); // {}

childObj.addTransition('opacity', 0.5);
console.log(childObj.transition); // { opacity: 0.5 }

在上面的示例中，我们先定义了一个基类Base，其中有一个transition属性，表示已存在的过渡属性。然后我们定义了一个子类Child，它继承了基类Base的原型。子类Child还有一个newTransition属性，表示新添加的过渡属性。然后我们在子类的原型上添加了一个addTransition方法，用于将新的过渡属性添加到已存在的过渡属性中。

使用示例中，我们创建了一个Child类的实例childObj，并调用addTransition方法添加一个过渡属性opacity。然后我们可以通过childObj.transition来访问已存在的过渡属性，可以看到添加了新的过渡属性opacity。

通过这种方式，我们可以按类添加过渡属性到已存在的过渡属性。