No meetups near you? Go ahead and start your own!
Was really inspired by this little piece of UI by Kamil Khadeyev and thought it will be really nice to replecate it using CSS. You can check it here - http://bit.ly/TqzKvg
Things to improve:
- Starting animation not working in Opera 12
- for some reason submit button transition works only if you set "all" properties at once, rather than background-color. As a result, when you change window scale button and input field scale with transition - not cool :\
- that striped part and clear button can be implemented with CSS, now it's images
- CSS file right now is a mess ^__^
Flipping animation at start was made with use of awesome Animate.css library by Dan Eden, which can be found here:
Fixed css code, now it works in latest Safari, FIrefox, Opera and Chrome. Opera have small issue with clear button rendering, but will fix that later :)
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2019 Dribbble. All rights reserved.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.