今天在百度首页偶然看到了百度校招的消息(按F12键选择console页面)
image
可以看到console页面下有这么一段话:
同学,祝贺你喜提彩蛋~ 或许你们还在犹豫是否加入,我会坦诚的告诉你我们超酷;
在这里大家都用无人车代步,AI音箱不仅播放还可以交互;
人工智能是发展的核心技术,做自己让未来不只领先几步;
在这里做自己,欢迎来到百度!
嘤嘤嘤还是同学的各位赶紧去尝试下呗。
点击下方的那个链接进入校招的页面

image
呃!时间好像有些晚了。不过发现其按钮效果做的不错。
image
嗯,不错,收下了(仅供学习参考23333)
召唤出F12开发者工具,指针选择工具选取按钮。
image
copy元素代码233333
image
copy其css样式233333
估计这特效只是hover+css动画特效,js就没去管他了。
整理了代码,还原效果如下(边框是白的,所以加了个蓝色的背景好观察效果)
image
完。
关注公众号回复demo008获取demo代码。

希望这篇文章能给你带来知识和乐趣,喜欢博主的文章可以加博主好友哦

有好的文章也可以向博主投稿哦