Erm. Yeah i don't really know how i go to this. I was really just messing around with some more animations, :targets etc and this was born! Looks like it would be quite a nice theme for an app, or it could be made into a full width side navigation <- i think ill have a crack at doing that!
Forked from Jamie Coulter's Pen CSS Inbox User Interface.
Another UI piece in CSS. Hover over the stat box for a nice scale etc. This does need tidying up slightly and i will make it responsive at some point so it looks top banana on mobile.
Forked from Jamie Coulter's Pen UI Statistic Pop Out CSS.
Forked from Yair Even Or's Pen Rolling Stones.
A simple, animated down arrow to indicate scroll intent. More info at robsawyer.me
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | |
| <script src="jquery.ketchup.all.min.js" type="text/javascript"></script> | |
| </head> | |
| <body> | |
| <div id="email"> | |
| <span>Enter your email to sign up</span> | |
| <form action="/subscribe.php" id="invite" method="POST"> |
Combining text-shadow and CSS transforms (especially skew) for a smoky (or smokey?) effect.
Webfont Finger Paint (http://www.google.com/fonts/specimen/Finger+Paint)
A Pen by Bennett Feely on CodePen.