jquery按钮悬浮跳跃烟雾驱动动画效果代码-html代码-BFW代码库

jquery按钮悬浮跳跃烟雾驱动动画效果代码

代码语言：html

所属分类：悬停

代码描述：jquery按钮悬浮跳跃烟雾驱动动画效果代码

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

<html>
<head>
    <style>
        .button.dark {
            --background: #2F3545;
            --shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);
            --shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);
        }
        .button.white {
            --background: #fff;
            --text: #275efe;
            --shadow: 0 2px 8px -1px rgba(18, 22, 33, 0.04);
            --shadow-hover: 0 4px 20px -2px rgba(18, 22, 33, 0.12);
        }

        .button {
            --background: #275efe;
            --text: #fff;
            --font-size: 16px;
            --duration: .5s;
            --move-hover: -4px;
            --shadow: 0 2px 8px -1px rgba(39, 94, 254, 0.32);
            --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5);
            padding: 16px 32px;
            font-family: "Roboto";
            font-weight: 500;
            line-height: var(--font-size);
            border-radius: 24px;
            display: block;
            outline: none;
            border: none;
            cursor: pointer;
            text-decoration: none;
            font-size: var(--font-size);
            letter-spacing: 0.5px;
            background: var(--background);
            color: var(--text);
            box-shadow: var(--shadow);
            transform.........完整代码请登录后点击上方下载按钮下载查看