css实现卡片悬浮放大效果代码

代码语言:html

所属分类:悬停

代码描述:css实现卡片悬浮放大效果代码

代码标签: css 卡片 悬浮 放大

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<html>

<head>
    <style>
 
        .fond{position:absolute;padding-top:185px;top:0;left:0; right:0;bottom:0;
         background-color:#00506b;}
        
        .style_prevu_kit
        {
            display:inline-block;
            border:0;
            width:196px;
            height:210px;
            position: relative;
            -webkit-transition: all 200ms ease-in;
            -webkit-transform: scale(1); 
            -ms-transition: all 200ms ease-in;
            -ms-transform: scale(1); 
            -moz-transition: all 200ms ease-in;
            -moz-transform: scale(1);
            transition: all 200ms ease-in;
            transform: scale(1);   
        
        }
        .style_prevu_kit:hover
        {
            box-shadow: 0px 0px 150px #000000;
            z-index: 2;
            -webkit-transition: all 200ms ease-in;
            -webkit-transform: scale(1.5);
            -ms-transition: all 200ms ease-in;
            -ms-transform: scale(1.5);   
            -moz-transition: all 200ms ease-in;
            -moz-transform: scale(1.5);
            transition: all.........完整代码请登录后点击上方下载按钮下载查看

网友评论0