公众号旧文
如何用一句话让 Chrome 倒反天罡？
在计算机和互联网的世界里，程序员们一直喜欢在产品中藏些彩蛋。
这些彩蛋可能是隐藏功能、小游戏，或者只是一个让人会心一笑的效果。
而搜索引擎巨头 Google，就是最喜欢在产品里埋彩蛋的公司之一。
其中最经典、最出圈的一个，则是 do a barrel roll。
一、只要搜一句话，整个页面就会转一圈
现在打开 Google 搜索，在搜索框输入：
do a barrel roll
然后按回车。
你会看到整个网页开始旋转 360°，然后再恢复正常。
不是图片在转，也不是动画，而是搜索框、搜索结果、按钮、页面布局，全都一起翻转。
二、Barrel Roll 是什么意思？
Barrel Roll 是一个航空术语，中文通常翻译为：
桶滚机动 / 桶形翻滚
它是一种飞行动作：飞机在前进的同时，沿着自身轴线做 360° 螺旋翻滚，看起来就像在空中画出一个桶形轨迹。
这种动作在特技飞行、空战机动、航空表演中都很常见。
简单理解就是飞机一边前进，一边在空中转一圈。
三、这个彩蛋来自一款经典游戏
Google 之所以做这个彩蛋，并不是随便写的一句英文。
它来自一款非常经典的游戏 Star Fox 64。
这是任天堂在 1997 年推出的一款太空射击游戏，运行在 Nintendo 的 Nintendo 64 主机上。
在游戏里，当玩家遭遇敌人攻击时，队友 Peppy Hare 会不断提醒玩家：
Do a barrel roll!
意思就是：快来个桶滚机动！
这个动作可以用来躲避敌人的激光攻击。
因为这句台词在游戏里被重复得太多，逐渐变成了一个经典游戏梗。
四、Google 把游戏梗变成了网页彩蛋
大约在 2011 年，Google 的工程师决定致敬这个经典梗。
于是他们在搜索引擎里加入了一个隐藏效果：
只要搜索do a barrel roll，网页就会旋转 360°。
这是利用了网页中的 CSS3 动画和页面变换（transform）来实现的。
浏览器会对整个页面应用一个：transform: rotate(360deg)
再配合动画效果，让页面看起来像翻滚了一圈。
虽然原理并不复杂，但效果却非常惊艳。
五、这个彩蛋后来火遍全网
do a barrel roll 彩蛋推出之后，很快在互联网传播开来。
很多人第一次看到时都会立刻截图分享给朋友，或者像我一样写成文章。
甚至还有人测试：do a barrel roll 10 times
结果页面真的会连续转10圈。
于是这个小功能迅速成为 Google 最著名的彩蛋之一。