这是用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; }