css实现双重背景图，过度动画，缩放等

html-css041

css实现双重背景图，过度动画，缩放等,第1张

background-attachment: fixed

background-size: cover

实现背景图平铺展开，各自显示各自区域的背景图

上面transition: all 0.4s ease-in-out

下面opacity: 0.7transform: scale(0.99)

实现动画效果过度，缩放

css3可以实现，

background: url(image_1.jpg) top  left no-repeat, url(image_2.jpg) top  right no-repeat

在这个背景里面加两个div

样式为都float:left:width:50%height:100%

然后把图片分别放到两个中，（最常用）