.div {
    border: 0 solid #000;
    height: auto;
    background: transparent;
    -webkit-transition: width .5s, height .5s, -webkit-transform .5s;
    transition: width .5s, height .5s, transform .5s;
    cursor: pointer
}

.div:hover {
    width: 1%;
    height: auto;
    top: 100px;
    background: #c00000;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 10px 10px 50px 10px #c00000;
    border: 0 solid #000;
    cursor: pointer;
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.div2 {
    width:28px;
    border: 0 solid #000;
    height: auto;
    background: transparent;
    -webkit-transition: width .5s, height .5s, -webkit-transform .5s;
    transition: width .5s, height .5s, transform .5s;
    cursor: pointer
}

.div2:hover {
    width: 32px;
    height: auto;
    top: 100px;
    cursor: pointer;
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.pulse:hover {
    animation: pulse .5s infinite;
    animation-timing-function: linear;
    cursor: pointer
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1);
        100transform: scale(1)
    }
}

@keyframes vibrate {
    0%,
    2%,
    4%,
    6%,
    8%,
    10%,
    12%,
    14%,
    16%,
    18% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    1%,
    3%,
    5%,
    7%,
    9%,
    11%,
    13%,
    15%,
    17%,
    19% {
        -webkit-transform: translate3d(1px, 0, 0);
        transform: translate3d(1px, 0, 0)
    }
    20%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}


.vib {
    animation: shake 1.5s;
    animation-iteration-count: infinite
}

.vib2 {
    animation: shake 3.5s;
    animation-iteration-count: infinite
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(0, 1px, 0) rotate(1deg)
    }
    20%,
    80% {
        transform: translate3d(0, 3px, 0) rotate(0deg)
    }
    30%,
    50%,
    70% {
        transform: translate3d(0, 2px, 0) rotate(0deg)
    }
    40%,
    60% {
        transform: translate3d(0, 1px, 0) rotate(0deg)
    }
}