Animated social media buttons

Open In Editor Publish Your Code Need a Website?

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

Glowing Social Media Icons Hover

Animated login and registration

Animated Dots Loading Screen

HTML

CSS

JS

Recommended

Glowing Social Media Icons Hover

Animated login and registration

Animated Dots Loading Screen

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS