CSS加载动画效果

.box{

margin: 200px auto;

width: 50px;

height: 50px;

text-align: center;

font-size: 10px;

}

.box > div{

background-color: rgba(64, 219, 25,0.9);

width: 5px;

height: 100%;

/* 行内块 */

display: inline-block;

/* 名字 执行时间 一直执行 先慢再快再慢 */

animation: move 1.2s infinite ease-in-out;

}

/* 定义关键帧 */

@keyframes move{

0%{transform: scaleY(0.4);}

40%{transform: scaleY(0.4);}

60%{transform: scaleY(0.4);}

80%{transform: scaleY(0.4);}

100%{transform: scaleY(0.4);}

20%{transform: scaleY(1);}

}

/* 伪类选择器控制 匹配除了第一个以外的儿子，延时产生感觉*/

.box>div:nth-child(2){

animation-delay: -1s;

}

.box>div:nth-child(3){

animation-delay: -0.9s;

}

.box>div:nth-child(4){

animation-delay: -0.8s;

}

.box>div:nth-child(5){

animation-delay: -0.7s;

}

4.完整代码

---

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）

总结

蚂蚁面试比较重视基础，所以Java那些基本功一定要扎实。蚂蚁的工作环境还是挺赞的，因为我面的是稳定性保障部门，还有许多单独的小组，什么三年1班，很有青春的感觉。面试官基本水平都比较高，基本都P7以上，除了基础还问了不少架构设计方面的问题，收获还是挺大的。

---

经历这次面试我还通过一些渠道发现了需要大厂真实面试主要有：蚂蚁金服、拼多多、阿里云、百度、唯品会、携程、丰巢科技、乐信、软通动力、OPPO、银盛支付、中国平安等初，中级，高级Java面试题集合，附带超详细答案，希望能帮助到大家。

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门即可获取！
品会、携程、丰巢科技、乐信、软通动力、OPPO、银盛支付、中国平安等初，中级，高级Java面试题集合，附带超详细答案，希望能帮助到大家。

[外链图片转存中…(img-HofbRGez-1712096503126)]

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门即可获取！