这是用CSS3制作的一款鼠标放上去图片向上翻转,并渐变消失的特效代码,图片消失后出现文字描述,下面青岛星网跟大家分享:CSS3实现图片向上翻转消失特效代码。

.box img{
width: 100%;
height: auto;
opacity:1;
transform: translateY(0) rotateX(0);
transition: all 0.6s ease-in-out 0s;
}
.box:hover img{
transform: translateY(-100%) rotateX(90deg);
transform-origin: center bottom 0;
opacity:0;
}
