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

Animated Download Button

Animated Continuous Sections with GSAP Observer

Animated Login Form HTML CSS Code

HTML

CSS

JS

Recommended

Animated Download Button

Animated Continuous Sections with GSAP Observer

Animated Login Form HTML CSS Code

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS