你知道当一个人的头像从一个圆圈或洞里伸出来时的那种效果吗？本文将使用一种很简洁的方式实现该悬停效果，只用了一个img元素和不到20行的CSS技巧实现一个炫酷的头像悬停效果

你是否曾经从事过布局设计，并想如果我知道一些生成器可以为我们创建一些临时样本？这可以归因于任何东西 - 示例文本、图像、品牌徽标、个人资料图片、JSON 数据等等。 在本文中，整理了一个有用的占位符生

主要使用了 radial-gradient transform perspective rotateX transform-origin 等属性 只需要想清楚如何实现弧形三角即可。这里还是借助了渐变

相信大家看完后能够学习或者复习到 **抛物线公式、径向渐变等** 一些常用的知识点，看完后大家也动手实现一个有意思的底部导航栏吧~