                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /H5+JS+CSS3 实现圣诞情缘

中间两人的头像是如何实现的

点击按钮后窗户关闭，窗上面印出头像，这个头像的效果是如何实现的

moonstar

2015-12-23

源自：H5+JS+CSS3 实现圣诞情缘 7-1

关注问题我要回答

1062

操作

收起

2 回答

迷途的马尔斯
2015-12-23

pageC.css 189行

/**
 * 关门背景
 */

.window-close-bg {
    background: url(http://img1.sycdn.imooc.com//565d0b3d00016a4600810081.png);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    left: 50%;
    bottom: .1rem;
    margin-left: -0.4rem;
    -webkit-transform: translateZ(-50px);
    -moz-transform: translateZ(-50px);
    opacity: 0;
    z-index: 500;
}

老师用了一张背景图