Animasi Border Menggunakan ELementor Pro

Border one

Animasi border yang sangat responsive membuat para pemirsa terpana.

Border Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo,.

Border Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo,.

kode CSS Membuat Animasi Border di elementor Pro

CSS Animasi Border

				
					:root{
    --first-color: #ef32d9;
    --second-color: #89fffd;
    --size: 100px;
    --speed: 4s;
}
selector{
    overflow: hidden !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
selector:before{
    content: '';
    position: absolute;
    width: var(--size);
    height: 140%;
    background: linear-gradient(var(--first-color), var(--second-color));
    animation: animate var(--speed) linear infinite;
}
@keyframes animate{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

Subscribe to our Newsletter

Dapatkan informasi terbaru terkait capcui serta dapatkan promo menarik membuat website dari capcui. gratis berlangganan.