Realtime blurring like in iOS 7, uses CSS blur, so your browser better support it.
A Pen by Rik Schennink on CodePen.
SindhujaD
I wanted to play with some input styles that don't rely on hover, don't add clutter, show the label at all times, and show placeholder text when it is actually relevant.
A Pen by Michael Arestad on CodePen.
The first 2 are designed with depth and lighting, while the 3rd one is flatly designed with a somewhat "gooey"-ish transition on it.
A Pen by Billy Crist on CodePen.
Another experiment into CSS circles I built for a feature on the upcoming www.barrelny.com redesign.
The sticky is made from two seperate circles (front and back), which are moved and masked inversely on :hover (by the circle wrapper elements). A rotation is also applied to mimic realistic motion. Gradients are applied to the front and back to give the illusion of depth.
A Pen by patrickkunka on CodePen.
SindhujaD
/ Windows-8-like-Animations-with-CSS3-and-jQuery.markdown
Created
January 16, 2014 01:44
A Pen by Sindhuja.
UPDATED DEMO FOR MY BLOG POST TUTORIAL How to Create Windows-8-like Animations with CSS3 and jQuery http://blog.sarasoueidan.com/windows8-animations
BEST VIEWED IN WEBKIT BROWSERS and FULL VIEW MODE.
SindhujaD
/ Pretty-Notification-Badges-for-menu.markdown
Created
January 6, 2014 01:13
A Pen by dodozhang21.