html怎么加入页面登录背景,HTML+CSS实现动态背景登录页面

实现背景图片的动态变换

首先我们把背景图片插入进去，在HTML页面body板块中，添加几个图片div

/*..................*/

好了，图片已经插入进去了，那么现在就要对图片修饰。为了使图片能足够大覆盖页面，则div中可以有 background-size: cover;满足你的需求。而下面一步，则是最重要的环节–css动画的设计(在div class=”bgk”中进行)

-webkit-animation-name: kenburns; /*-animation-name:为@keyframes 动画规定名称,必须与-animation-duration同时使用，否则无动画效果*/

animation-name: kenburns;

-webkit-animation-duration: 16s; /*定义动画完成一个周期所需时间*/

animation-duration: 16s;

-webkit-animation-timing-function: linear; /*规定动画从头到尾以相同速度播放，还有其他几个速度值*/

animation-timing-function: linear;

-webkit-animation-iteration-count: infinite; /*规定动画播放次数，infinite为无限次*/

animation-iteration-count: infinite;

-webkit-transform: scale(1.2); /*规定动画的缩放特效，scale：规定2D缩放*/

transform: scale(1.2);

-webkit-filter: