Skip to content

Instantly share code, notes, and snippets.

View mnafricano's full-sized avatar

Marcello Africano mnafricano

View GitHub Profile
@mnafricano
mnafricano / index.html
Created March 11, 2013 12:22
A CodePen by douglasdeodato. Single Element Pure CSS MacBook Pro - This is just an experiment! There are certainly better ways to show an image of a MacBook, but none as fun as this :)
<i class="macbook"></i>
@mnafricano
mnafricano / index.html
Created March 13, 2013 14:56
A CodePen by Marcello Africano. Pure CSS Loading Spinner
<div class="spinner-wrap">
<div class="spinner">
<i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
</div>
</div>
@mnafricano
mnafricano / index.html
Created March 14, 2013 15:53
A CodePen by Marcello Africano.
<!-- CSSDeck Logo -->
<div id="circle">
<div id="ring
<div id="ring"></div>
</div>
@mnafricano
mnafricano / index.html
Created April 19, 2013 17:49
A CodePen by douglasdeodato. Single Element Pure CSS MacBook Pro - This is just an experiment! There are certainly better ways to show an image of a MacBook, but none as fun as this :)
<i class="macbook"></i>
html{
background:#f1c40f;
}
#needle{
transform-origin: 50% 9% 0;
width:10em;
height:2em;
animation: jitter 1s ease-in-out infinite;
animation-iteration-count: 40;
@mnafricano
mnafricano / index.haml
Created July 25, 2013 14:40
Activity Widget - Just a little somethin' somethin' made using HAML, CSS, and JavaScript. It looks kinda nice, actually.
#container
#header
%span ACTIVITY WIDGET
#display
#upper
%select
%option Disk space usage
%option Something else 1
%option Something else 2
%option Something else 3
@mnafricano
mnafricano / Path 2.0 Flyout Menu using CSS .markdown
Created June 17, 2015 08:09
Path 2.0 Flyout Menu using CSS