Animated social media buttons

Open In Editor Video Publish Your Code

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

Animated social media buttons

Recommended

Matrix Animated Background

Animated Dots Background

Animated spring

HTML

CSS

JS

Recommended

Matrix Animated Background

Animated Dots Background

Animated spring

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS