-
想用CSS给网页元素添加旋转动画吗？答案是使用@keyframes规则和transform:rotate()属性。首先定义@keyframes动画，例如从0deg到360deg；接着通过animation属性将动画应用到目标元素上，如设置2秒匀速无限循环。性能优化方面：1.优先使用transform和opacity属性以利用硬件加速；2.避免触发重排的属性；3.减少动画元素数量；4.合理使用will-change属性；5.借助开发者工具分析性能瓶颈。为了让动画更自然流畅：1.使用缓动函数如ease-in-100 收藏 -
font-display:swap会让浏览器立即显示系统字体，同时在后台加载自定义字体，加载完成后替换；swap的工作方式是先显示系统字体避免空白期，待自定义字体加载完成后再切换，适合希望快速显示内容的场景，但可能导致视觉“跳动”；font-display:fallback则限制字体加载时间窗口（约100ms），若未加载完成则使用系统字体且不再替换，适合追求视觉一致性的场景；选择策略为：优先可读性和快速显示选swap，希望统一风格不切换字体选fallback，字体小或品牌重要可试fallback，字体大或100 收藏
