jquery实现卡片悬浮弹出文字动画效果代码

代码语言:html

所属分类:悬停

代码描述:jquery实现卡片悬浮弹出文字动画效果代码

代码标签: 悬浮 弹出 文字 动画 效果

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

<html>
<head>
    <style>
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Teko:700);
        .snip1543 {
            background-color: #fff;
            color: #ffffff;
            font-family: "Source Sans Pro", sans-serif;
            font-size: 16px;
            margin: 10px;
            max-width: 315px;
            min-width: 230px;
            overflow: hidden;
            position: relative;
            text-align: left;
            width: 100%;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        .snip1543 *,
        .snip1543 *:before,
        .snip1543 *:after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.45s ease;
            transition: all 0.45s ease;
        }

        .snip1543 img {
            backface-visibility: hidden;
            max-width: 100%;
            vertical-align: top;
        }

        .snip1543:before,
        .snip1543:after {
            p.........完整代码请登录后点击上方下载按钮下载查看

网友评论0