仿小米logo的案例
训练描述 当鼠标移入到logo上的时候，左侧会滑出一个小房子，当鼠标移出logo的时候，恢复成原来的样子，并且中间的切换是有动画的 训练提示 1. 搭建以项目为主的几个文件 2. 书写 logo的页面布局 - logo图标的布局应该是一个p的大盒子，里面包裹了a标签 - 给a标签设置 官网名字，但是不能展示在页面显示（目的是方便搜索引擎） - 给a标签设置before和after两个伪元素，分别设置不同的背景图片 - 利用偏移让两个盒子水平排列...
训练描述 当鼠标移入到logo上的时候，左侧会滑出一个小房子，当鼠标移出logo的时候，恢复成原来的样子，并且中间的切换是有动画的 训练提示 1. 搭建以项目为主的几个文件 2. 书写 logo的页面布局 - logo图标的布局应该是一个p的大盒子，里面包裹了a标签 - 给a标签设置 官网名字，但是不能展示在页面显示（目的是方便搜索引擎） - 给a标签设置before和after两个伪元素，分别设置不同的背景图片 - 利用偏移让两个盒子水平排列...