Html
    Css
    Js

    
                        
#experiment {
	position:relative;
	height:500px;
}
#background {
	background:url(http://www.jq22.com/img/cs/500x300-1.png);
	top:-100px;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	transition:left 300s linear;
}
#experiment:hover #background {
	left:-50000px;
}
#content {
	margin:60px 300px;
	background-color:#333;
	opacity:0.95;
	color:#ccc;
	padding:30px;
	border:3px solid #666;
}
#content h2 {
	margin:30px 0;
	font-weight:bold;
	font-size:26px;
	color:#fff;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css3 transition制作动态背景

效果还比较满意,希望大家喜欢

3
      惘然追忆ing0
      2017/6/27 10:41:43
      能否设置自动的背景 回复
      老公,俺稀饭你っ0
      2017/6/7 15:58:41

      下载下来更美观!!!

          惘然追忆ing0
          2017/6/27 10:42:15

          这个可以设置自动的吗?

      回复