侧边栏

文章列表

HTML5轻松实现全屏视频背景

发布时间 2018年9月26日  /  分类: 网站学习   /  评论(0)  /  图片(1)

想在你的网页首页中全屏播放一段视频吗?而这段视频是作为网页的背景,不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意,它就是Bideo.js。 在你的页面body中加入如下HTML代码,很显然,<video>标签是用来加载视频的,属性loop是指循环播放视频,muted是指静音模式,即音量为0。#video_cover是默认的视频封面...

弹出式全屏导航菜单

发布时间 2018年9月26日  /  分类: 网站学习   /  评论(0)  /  图片(1)

在HTML结构中,我们需要一个触发菜单的按钮,如:.cd-bouncy-nav-trigger就是一个用来触发弹出式菜单的按钮。 .cd-bouncy-nav-modal是一个弹出模态窗口,默认隐藏。它用来全屏展示菜单列表,当然也有关闭按钮.cd-close。<section class="cd-section"> <a class="...

使用CSS3制作齿轮加载动画效果

发布时间 2018年9月26日  /  分类: 网站学习   /  评论(0)  /  图片(1)

首先在页面中引入字体真棒文件。 <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css"> 然后在放置动画的位置加上HTML结构: <div class="container"> ...