Some fun effect and layout ideas for the first step of a checkout process in an online store. We are using the morphing buttons concept together with CSS transforms and transitions.
jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example
A jQuery plugin that creates a countdown timer in years, months, days, hours and seconds in the form a bunch of rotating 3d cubes.It uses CSS transitions to create the 3D rotating cube effects.
Munda forms is a set of modern, clean form elements suitable for any type of website or form. The package includes 3 working AJAX forms, 5 color variations, 35 HTML demos.
- Bootstrap grid system
- 200+ icons
- jQueryUI widgets: accordion, autocomplete, button, datepicker, dialog, menu, progressbar, selectmenu, slider, spinner, tabs, tooltip.
- Timepicker, Monthpicker, Input masking
- Responsive embeded content: Youtube videos, Google maps, Vimeo videos.
- Star rating
- Social buttons: 53 brands.
- Client side validation
- Server side validation
- LESS files
This jQuery plugin is useful for creating parallax motion or similar effects in which a CSS property needs to be incremented on user scroll.
Enhance your website by fancy effects based on the user’s scroll index. Pop-in, pop-out, sliding, sticky notes and much more. The plugin supports mobile devices and eldered browsers. It was built using the jQuery library.
- Eased animations for incremental mouse scroll-wheels
- Adds fancy effects to your homepage
- Customizable trough settings and CSS
- Highly compatible
- Highly customizable
- Uses CSS3 transitions by default
Nice image slide animation with a single img, animate css and a little jQuery.
A slide-in filter panel powered by CSS and jQuery.A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for.
Service flatcheckbox is a small jQuery plugin that serves 2 purposes:
- It styles a checkbox any way you want by hiding the
<input type="checbox" />and replacing it with a styled div. The css file that comes with the component creates a ‘flat’ checkbox (comparable with how you see checkboxes on Windows 8.x apps).
- It binds your event handler to the element.
Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements.
Form inputs offer a great opportunity to add some subtle and interesting effects to a web page. They are elements that your user will interact with at some point and making them fun to use can enhance the experience. We are used to the default form resembling its paper counterpart but in the digital world we can be more creative. Today we want to share some experimental styles and effects for text inputs with you.
A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.