css旋转45度_【CSS】20.03.10-大进步！

可能是设计记账本的封面让我high到了极点，所以近几天有所颓废。

但是今天，通过和自己对话，我迅速恢复了一些状态。

所以今天，我完成了网页的2个部分！

一、卡片翻牌效果

这个效果是这样的：

看起来蛮简单，但是实现起来比较难。

总体思路是这样的：要做一面正的，一面反的，然后让反面一开始就翻转180度，并叠在下面。

鼠标移上去的时候，正面和反面同时旋转180度，这个效果就完成了。

二、背景动画

这个逼格就有点高了，先来看看效果：

图片

这个看起来很酷炫，但是实现起来很简单：

只要在背景放一个自动循环播放的视频，并调整好他的宽、高、不透明度，就可以啦！

三、今日总结

相比于把知识点记下来，然后反复复习，我发现通过练习是更好的记忆方法。

在自己动手做网站的过程中，一次次重复那些原来生疏的知识点，对CSS的理解就会更深。

整个学习项目还剩下大概30-40%的工作量，请期待！