CSS Archive

searchuieffects-featured

Search UI Effects With CSS and Javascript

This is a couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations developed by Codrops. You will explore some different layouts combined with some engaging CSS animations. The demos all have a schematic …
reveal-effect-featured-image

Block Reveal Effects With CSS & jQuery

This is a great resource developed by Codrops. Basically a collection of ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element drawn and when it starts to decrease …
date-dropper-featured-image

DateDropper – Smallest jQuery UI Datepicker

DateDropper is a powerful yet smallest jQuery UI Datepicker for oyur design projects. It’s been developed by Felice Gattuso. Basically DateDropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields. 18 languages are supported. …
css-spinner

10 New CSS Spinners and Loaders

Here is an another bran new CSS spinners and loaders collection. This set has been developed by Nitish Kumar. Each of these CSS spinners and loaders is modular, customizable and developed using Single HTML Element Code. You are free to use CSSPIN …
mediapopupeffect_01

Artsy Media Pop Up Effect With CSS

This is a fun experiment with proof-of-concepts for various simple media pop ups on hover or touch. The idea is to show images, videos or other media in a pop up style with different effects. It’s been developed by Codrops. The idea …
css-loader

CSS Loaders With Pure CSS

Simple loaders for your web applications using only one div and pure CSS. Usually it’s common to show a loader to the users when they must wait something in a web application (an ajax request or a form submit, etc). _Gif_image loaders …
featured-image

Morphing Navigation Dropdown Tutorial

This is a great tutorial to create a morphing dropdown that animates according to the size of its content. It’s first seen on Stripe.com website which is redesigned and Codyhouse guys has created the same navigation style. Basically, instead of hiding and …