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

2020-05-07 06:05:10易采站长站整理

            -webkit-transform: translateY(-50%);   
            -ms-transform: translateY(-50%);   
            transform: translateY(-50%);   
        }   
           
        .popup h3   
        {   
            font-size: 13px;   
            margin: 0 0 5px;   
            padding: 0;   
        }   
           
        .blocks li:hover .popup   
        {   
            opacity: 1;   
            -webkit-transform: scale(2);   
            -ms-transform: scale(2);   
            transform: scale(2);   
            box-shadow: 0 0 10px 2px rgba(0,0,0,.4);   
        }