Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

Stan Williams stanwmusic

🏠
Working from home
View GitHub Profile
View index.html
<head>
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Vidaloka&family=Yesteryear&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet">
</head>
<div class="frame">
<p><i class="fas fa-star" style="font-size: 15px;"></i> Premie Yum <i class="fas fa-star" style="font-size: 15px;"></i></p>
<h2>Coffee</h2>
<div class="ribbon">
@stanwmusic
stanwmusic / index.html
Created Aug 11, 2020
Neumorphism Social Share Button
View index.html
<head>
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
</head>
<body>
<div class ="frame">
<a href="#" class="btn">
<i class="fab fa-facebook-f" style="color: #3b5998;"></i>
</a>
<a href="#" class="btn">
@stanwmusic
stanwmusic / index.html
Created Aug 11, 2020
Neumorphism Play Button
View index.html
<head>
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
</head>
<body>
<div class ="frame">
<a href="#" class="btn">
<i class="fas fa-backward"></i>
</a>
@stanwmusic
stanwmusic / index.html
Created Aug 11, 2020
Practicalmorphism Social Share Button
View index.html
<head>
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
</head>
<body>
<div class ="frame">
<a href="#" class="btn" style="background: #3b5998;">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="btn" style="background: #00acee;">
View gsap-rocket.markdown
@stanwmusic
stanwmusic / index.html
Created Aug 10, 2020
Turning pages with CSS
View index.html
<div class="imgLoader"></div>
<div class="container">
<h1 class="title">
Turning pages<br>with css
</h1>
<div class="credit">
* Images loaded randomly from Picsum.photos
View gsap-rocket.markdown
You can’t perform that action at this time.