在 CSS 还原拉斯维加斯球数字动画 - 掘金 一文中，我们利用纯 CSS，实现了一个非常 Amazing 的动画效果： 其中一个核心点就是，我们利用了如下的代码，在一个 DIV 平面内，实现了单个平

老话说的好：css是你永远学不会的语言。 子辰发现了一个炫酷的3D卡片效果，这样的效果实现起来，你有没有思路呢？

我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！ 今天在视频中看到一个跳动的小球的效果，感觉挺好玩的。于是自己也实现了一个，感觉还是好玩，就想来分享一番；小伙伴们可以来看一下。

本文，我们将一起学习，使用纯 CSS，实现如下所示的动画效果： 上面的动画效果，非常有意思，核心有两点： 小球随机做 X、Y 方向的直线运动，并且能够实现碰撞到边界的时候，实现反弹效果 小球在碰撞边界

在开发活动页的时候经常会遇到一些边框相关的样式，如轮廓不规则的头像、字数不确定的气泡对话框等。这是怎么实现的呢？都是利用常用的 CSS 属性border-radius和border-image实现的。

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第3天，点击查看活动详情 前言 近期看到一个css实现水滴效果视频，本着知其然知其所以然的心理对其研究了一番，整理了一下保姆级的bo