一款利用css3的鼠标经过动画显示详情特效的实例教程

        {   
            -webkit-transform: scale(.7);   
            -ms-transform: scale(.7);   
            transform: scale(.7);   
            z-index: 3000;   
        }   
           
        .popup   
        {   
            background-color: inherit;   
            color: #fff;   
            height: 100%;   
            width: 100%;   
            left: 0;   
            opacity: 0;   
            position: absolute;   
            top: 0;   
            padding: 15px;   
            border-radius: 4px;   
            -webkit-transition: .3s cubic-bezier(.3,0,0,1.37);   
            transition: .3s cubic-bezier(.3,0,0,1.37);   
        }   
           
        .popup span   
        {   
            font-size: 12px;   
            font-weight: normal;   
            left: 0;   
            padding: 15px 25px;   
            position: absolute;   
            top: 50%;