Botones animados de redes sociales.

Abrir en el editor Video Publica tu código

Recomendado

27 May 2025

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Andev Web</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
  <ul class="sci">
    <li style="--clr: #ff0000;"><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
    <li style="--clr: #333333;"><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
    <li style="--clr: #00a783;"><a href="#"><i class="fa-brands fa-whatsapp"></i></a></li>
  </ul>

Botones animados de redes sociales.

Recomendado

Un código de alejandrokundrah

Un código de Mete

Ejemplo de botón de neón HTML

HTML

CSS

JS

Recomendado

Un código de alejandrokundrah

Un código de Mete

Ejemplo de botón de neón HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS