Skip to content

Instantly share code, notes, and snippets.

@CodeMyUI
CodeMyUI / index.html
Created Jun 11, 2021
Unsubscribe game
View index.html
<div id="unsubscribe">
<div class="letter">
<div class="shadow"></div>
<div class="background"></div>
<div class="body">
<div class="game idle">
<div class="headline">
<span>Win Ping Pong to unsubscribe</span>
<div class="close">
@CodeMyUI
CodeMyUI / index.html
Created Jun 11, 2021
Particle Button
View index.html
<div class="btn-contain">
<button class="btn">Click Me!</button>
<div class="btn-particles">
</div>
</div>
View index.html
<div id="wrapper">
<div id="container">
<section class="open-book">
<header>
<h1>Book Layout</h1>
<h6>Erin E. Sullivan</h6>
</header>
<article>
<h2 class="chapter-title">Waiting on projects</h2>
@CodeMyUI
CodeMyUI / extra scripts
Last active Jun 10, 2021
Book Group UI
View extra scripts
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
@CodeMyUI
CodeMyUI / index.html
Created Jun 10, 2021
CSS-only Foundation book preview
View index.html
<div class="cover">
<div class="book">
<label for="page-1" class="book__page book__page--1">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/193203/1111.jpg" alt="">
</label>
<label for="page-2" class="book__page book__page--4">
<div class="page__content">
<h1 class="page__content-title">I</h1>
<div class="page__content-blockquote">
@CodeMyUI
CodeMyUI / index.html
Created Jun 9, 2021
Neumorphic Elements
View index.html
<div class="container">
<div class="components">
<div class="switch">
<div class="switch__1">
<input id="switch-1" type="checkbox">
<label for="switch-1"></label>
</div>
<div class="switch__2">
@CodeMyUI
CodeMyUI / index.html
Created Jun 9, 2021
Movie Ticket Animation - Loop 23
View index.html
<body>
<div class="hero-container">
<div class="main-container">
<div class="poster-container">
<a href="#"><img src="https://i.ibb.co/ThPNnzM/blade-runner.jpg" class="poster" /></a>
</div>
<div class="ticket-container">
<div class="ticket__content">
<h4 class="ticket__movie-title">Blade Runner 2049</h4>
<p class="ticket__movie-slogan">