实现若隐若现的效果：

.box {
    -webkit-animation: biling 3s linear infinite;  // 兼容谷歌浏览器
    animation: biling 3s linear infinite;
}

// 兼容谷歌浏览器
@-webkit-keyframes biling {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes biling {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

倾斜转动（类似底盘旋转）：

.box {
    -webkit-animation: biling 3s linear infinite;  // 兼容谷歌浏览器
    animation: biling 3s linear infinite;
}

@-webkit-keyframes biling {
    0% {
        transform: rotateX(60deg) rotateZ(0deg);
    }
    50% {
        transform: rotateX(60deg) rotateZ(180deg);
    }
    100% {
        transform: rotateX(60deg) rotateZ(360deg);
    }
}

@keyframes biling {
    0% {
        transform: rotateX(60deg) rotateZ(0deg);
    }
    50% {
        transform: rotateX(60deg) rotateZ(180deg);
    }
    100% {
        transform: rotateX(60deg) rotateZ(360deg);
    }
}
# 前端 # css # css3
Logo
永洪数据分析社区

永洪科技，致力于打造全球领先的数据技术厂商，具备从数据应用方案咨询、BI、AIGC智能分析、数字孪生、数据资产、数据治理、数据实施的端到端大数据价值服务能力。

更多推荐

cover

java计算机毕业设计教师工作量统计系统 基于SpringBoot的高校教师绩效测算与可视化平台 教师教学任务与工作量智能汇总系统

avatar 永洪数据分析社区
cover

BI是报表？BI是可视化？BI到底是什么？

avatar 永洪数据分析社区

AI智能体+BI可视化：1小时极速入门，市场部独力完成分析报告

商务蓝：适合正式报告活力橙：适合创意活动环保绿：适合可持续发展主题自主分析能力：不再依赖IT部门，活动当天即可产出分析结论智能数据处理：AI智能体自动完成80%的数据清洗和分析工作专业可视化：通过PowerBI制作媲美专业数据分析师的报告持续优化：建立可复用的分析模板，后续活动效率更高决策支持：基于数据快速调整营销策略，提升活动ROI现在就可以尝试部署你的第一个智能分析环境，体验从数据到决策的高速

avatar 永洪数据分析社区