ANIMATION > ANIMATABLE PROPERTIES

CSS Properties

Animate any CSS property.

CSS Property example

JavaScript

HTML

CSS

xjs('.prop-box').animate({ width: '100px', backgroundColor: '#FFF', borderRadius: '50%' });

.prop-box {
  width: 50px;
  height: 50px;
  background-color: var(--highlight-color);
  border-radius: 4px;
  margin-bottom: 20px;
}
.demo-visual {
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

功能说明：直接动画任意 CSS 属性（如宽度、颜色、圆角等），适合做组件状态变化与视觉过渡。