• HTML
• CSS
• JS

HTML

<div class="mensaje-flotante">
    <div class="triangulo"></div>
    <span class="titulo">FELIZ AÑO NUEVO 2019</span>
</div>

CSS

.mensaje-flotante{
    width:150px;
    background:yellow;
    color:#9a7d0a;
    padding:1rem 0.5rem;
    border-radius:0.2rem;
    position:absolute;
    text-align:center;
    
    top:4rem;
    left:4rem;
}

.mensaje-flotante>.titulo{
    font-weight:600;
}

.triangulo{
    width:8px;
    border:8px solid yellow;
    border-top:8px solid transparent;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    top:-14px;
    left:45%;
}

JS

$(function(){
    mover();
    function mover(){
        $(".mensaje-flotante").animate({"margin-top":"-20px"},500,function(){
            $(".mensaje-flotante").animate({"margin-top":"20px"},500,mover);
        });
        
    }
});