1. CSS过渡作用:平滑状态变化关键属性:transition-propertytransition-durationtransition-timing-function示例:css.btn {transition: all 0.3s ease-in-out;}.btn:hover {background: #ff0000;transform: scale;}2. CSS动画作用:创建复杂动画序列关键属性:@keyframesanimation-nameanimation-durationanimation-iteration-count示例:css@keyframes spin {from { transform: rotate; }to { transform: rotate; }}.loader {animation: spin 2s linear infinite;}3. 3D变换与滤镜3D变换:transform: rotateX、translateZ需配合perspective和transform-style: preserve-3d滤镜效果:filter: blur(模糊)、grayscale(灰度)、drop-shadow(阴影)