Botão Voltar ao Topo
Código JS <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> //You can replace offset value from here var offset = 300 $(window).on(‘load scroll’, function(){ if( $(window).scrollTop() > offset ){ $(‘body’).addClass(‘show’) }else{ $(‘body’).removeClass(‘show’) } }) </script> CSS Botão selector{ opacity: 0; transition: all 0.3s ease-in-out; } body.show selector{ opacity: 1; }
Borda Animada
CSS Borda Animada selector{ –animated-color-1: #c705fd; –animated-color-2: #2716ff; –border-width: 140px; } selector{ height: var(–c-height); } selector:before{ content: “”; position: absolute; inset: -140px var(–border-width); background: linear-gradient(315deg, var(–animated-color-1), var(–animated-color-2)); width: auto; height: auto; transition: all .3s; animation: animate 4s linear infinite; } @keyframes animate{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }