Botones animados de redes sociales.

Abrir en el editor Publica tu código

Recomendado

27 June 2025

Ejemplo de bloque de código de animación CSS

HTML

<!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 Mete

sociedad moderna

Ejemplo de bloque de código de animación CSS

HTML

CSS

JS

Recomendado

Un código de Mete

sociedad moderna

Ejemplo de bloque de código de animación CSS

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS