JSFiddle - React, Tailwind, and code Playground

by Roger Sanchez

HTML

<div id="test" class="iceburg">
    I'm an Iceberg !
</div>

CSS

.iceburg{
    width:200px;
    height:30px;
    border:5px solid #DDF;
    position:absolute;
}

JavaScript

function iceburg() {
    jQuery('.iceburg').css({top:0});
    
    setInterval(function(){
        jQuery('.iceburg').animate ({
            top: '10px'
        }, 2000, function() {
            $(this).animate ({
                top: '0px'
            }, 2000);
        });
    },4000);
}
iceburg();