Demo: http://sparanoid.com/lab/path-menu/
Dribbble page: http://drbl.in/cwcK
Forked from Tunghsiao Liu's Pen Path 2.0 Flyout Menu using CSS .
A Pen by Marcello Africano on CodePen.
Marcello Africano mnafricano
mnafricano
/ Path 2.0 Flyout Menu using CSS .markdown
Created
June 17, 2015 08:09
Path 2.0 Flyout Menu using CSS
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #container | |
| #header | |
| %span ACTIVITY WIDGET | |
| #display | |
| #upper | |
| %select | |
| %option Disk space usage | |
| %option Something else 1 | |
| %option Something else 2 | |
| %option Something else 3 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ readme.md
Created
May 16, 2013 19:04
List of good Turntable.FM bots using the Turntable.FM API.
Boombot - https://github.com/TerrordactylDesigns/boombot Chillybot - https://github.com/samuri51/chillybot CMBot - https://github.com/atomjack/cmbot Hashtag Amy - https://github.com/yayramen/hashtag-amy PostRockAndBeyond - https://github.com/swerner/PostRockAndBeyond Robo DJ - https://github.com/mmattozzi/robodj Sparkle Bot - https://github.com/sharedferret/Sparkle-Turntable-Bot Taco Bot - https://github.com/funkytaco/Turntable-API-Taco-Bot
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 :)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <i class="macbook"></i> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- CSSDeck Logo --> | |
| <div id="circle"> | |
| <div id="ring | |
| <div id="ring"></div> | |
| </div> |
mnafricano
/ index.html
Created
March 13, 2013 14:56
A CodePen by Marcello Africano. Pure CSS Loading Spinner
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ 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 :)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <i class="macbook"></i> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Nice, Simple, Gradient Back | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #4ff, yellow); | |
| min-height: 100%; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .ch-item { | |
| width: 100%; | |
| height: 100%; | |
| border-radius: 50%; | |
| position: relative; | |
| cursor: default; | |
| box-shadow: | |
| inset 0 0 0 0 rgba(200,95,66, 0.4), | |
| inset 0 0 0 16px rgba(255,255,255,0.6), | |
| 0 1px 2px rgba(0,0,0,0.1); |
NewerOlder