cody - HTMLify profile
cody
4270 Files
633369 Views
Latest files of /cody/atherosai/ui/socials-02
assets/
cody/atherosai/ui/socials-02/assets/
style.css
cody/atherosai/ui/socials-02/style.css
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display&display=swap');
:root {
--background: #2C2C2C;
--active: #00C896;
}
index.html
cody/atherosai/ui/socials-02/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Social Buttons</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
script.js
cody/atherosai/ui/socials-02/script.js
const shareButton = document.querySelector('.share-button');
const toggleSocials = () => {
const socialsWrapper = document.querySelector('.socials-wrapper')
const shareButtonImage = shareButton.querySelector('img')
socialsWrapper.classList.toggle('active')