小编Vit*_*osi的帖子

如何过渡z-index

https://jsfiddle.net/vaf6nv36/1/

气球图像可以在苹果图像上缓慢过渡吗?

我认为我需要更多的过渡参数,还是应该使用不透明度?

有人可以帮忙吗?

html

 <div class="img1">

     </div>
 <div class="img2">

 </div>
Run Code Online (Sandbox Code Playgroud)

的CSS

.img1, .img2{
   border: 1px solid black;
   transition: 1s;
   position: absolute;
}

.img1{
    left: 25%;
    height: 500px;
    width: 500px;
    z-index: 1;
    background-image: url(http://cdn.pcwallart.com/images/balloons-photography-vintage-wallpaper-1.jpg);
   }

.img2{
  right: 25%;
  width: 500px;
  height: 500px;
  bottom: 0;
  z-index: 2;
  background-image:  url(https://i.pinimg.com/736x/c1/7b/15/c17b150e93c4e9c50d963b076484bee7--apple-wallpaper-iphone-wallpaper.jpg);
}

.img1:hover{
       z-index: 999;
}
Run Code Online (Sandbox Code Playgroud)

html css css3 css-transitions

5
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

css-transitions ×1

css3 ×1

html ×1