本文介绍了如何利用CSS的伪类元素和透明背景属性，结合阿里巴巴的icofont图标库，创建动态的网页头部导航。此外，详细讲述了如何通过CSS实现鼠标悬停时的图标颜色变化和放大效果，以及视频播放控制、背景图片展示和页码设计。同时，文中还展示了如何利用div和p标签制作鼠标悬停时显示视频订阅信息的交互功能。
开始的头部 导航栏部分就是用的 无序列表和伪类元素做的
下面这个透明背景 我用的代码是
background: rgba(255, 255, 255, 0.8);
中途还用了阿里巴巴的矢量图 icofont
我用的是unicode引用的
使用的步骤如下：
鼠标移到 icofont图标上 会变颜色缓慢放大
中间大背景部分 我用的是背景图片显示的 中间加了一个p标签 还有一个无序标签 代码如下：
最新视频部分
代码部分
video视频标签
controls是向用户显示视频控件 比如播放按钮
旁边的图片部分有一个鼠标移动上去 会有一个缓慢放大的效果
如下就是效果图的代码
观影达人部分
后面黑色的图片我用的是背景图片做的
然后鼠标移动到指定的部位就显示一个查看视频订阅粉丝量的图片我是用div和p标签做的代码如下：
css的第一段代码如下：
页码部分
1450
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
