
/*برای استفاده کافیه کلاس smoke را در تب پیشرفته المان های خود وارد کنید*/

.smoke span{
    cursor: default;
    position: relative;
    display: inline-block;
    /*سایز متن*/
    font-size: 35px;
}
.smoke span.active{
    animation: smoke 1s linear;
}
@keyframes smoke{
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        filter: blur(20px);
        transform: translateX(300px) translateY(-300px) rotate(360deg) scale(4);
    }
}
.smoke span.back{
    opacity: 0;
    filter: blur(20px);
    animation: back 1s linear 0.5s;
}
@keyframes back{
    100%{
        opacity: 1;
        filter: blur(0);
    }
}