1.只有一个元素设置了class。 2.父级元素没有设置position，或者position写在了父级的父级。

bottom: 100%;

感觉这一个课程就把动画讲的差不多了，触类旁通，多看看手册，发挥自己想象力！

不是的，只是可能你sublime版本还没升级等原因，它还没有把CSS3这个特性加上去，是可以用的。其实这里叫伪元素，不是伪类

因为你们的电脑的分辨度不一样，我的也缩下来了，你设大一点就好了1000px不错哦

如果需要用到伪类来表现样式的话就有用了，比如需要在背景上增加三角形时，就可以用到伪类，不过在这个例子中display：block可以不写，但是需要知道它默认为行内元素；content:"";必须要写，如果不在公共样式里写，像我这样用到的时候写也可以的。

0.5就是原来大小的一半，即0.5倍大小；

1就是大小不变，即1倍大小；

2就是原来大小的2倍。

transform:scale3d(0.01,0.01,1)

引入 "<script src="https://kit.fontawesome.com/3520d2e53f.js" crossorigin="anonymous"></script>"即可

你是不是没有写transition过渡，或者是写错了位置

位置代码没写对吧

相信你现在已经解决了吧 这个问题  具体原因我不知道 我是transform:scale3d(0.01,0.01,1)； 这样就好了

scaleZ()和scale3d()函数单独使用时是没有任何效果，需要配合其他的变形函数一起使用才会有效果。

没毛病，或者你用float：left来做，然后清除浮动，实现的效果是一样的

第五个气泡的scale3d 需改成 scale3d(0.5,0.5,1)

第五个气泡的scale3d 需改成 scale3d(0.5,0.5,1)

因为a标签设置了白色,图标也变成白色了

硬刷新一下试试(Win：Ctrl+F5；Mac：Command+Shift+R)，如果还不行换个浏览器

i标签设置display：block就好了

不知道题主的问题解决了没有，提供个情报——我在使用的时候有遇到过跟你一样的情况，原因大概是字体文件格式不识别。解决方案：搭建静态资源服务器就可以解析字体文件。应该是 file://协议与http://协议的区别。

以上只供参考，不排除问题是由其它情况引起。

咱俩犯了同样的错，html里边<a>标签应该包含着<span>标签

我也下载不了

1. .tooltip-content ::after  ==> t 到  ::　间的空格要去掉 ".tooltip-content::after "
2. 可是没去掉空格前,后面的小尖尖也都还在阿!! ==>那是因为后面图标会加transform 及其属性,等一加上后,马上小尖尖会变不见,不信的话可以试着设置第二个图标的transform

设置transform-origin是指改变图形的旋转点，因为旋转点默认位置是在中心位置。而Y轴变化是transform：rotate3d(0,1,0)属性控制，这是两个不同的属性，前者的变化自然不影响后者。

应该是为了在移动端显示