Tag Archives: css

Pure CSS loading animations with Loaders.css

css3animation

CSS loading animations

A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations.

Read More Demo

A simple CSS tooltip made with Sass : Simptip

simptip

A simple CSS tooltip made with Sass.

Read More Demo

convert URLs into embedable HTML

A JavaScript library to convert URLs into embedable HTML.

Demo Read More

CSS3 Social Sign-in Buttons with icons

CSS3 Social Sign-in Buttons with icons. Small and large sizes.

To create the default sign-in button, add a class of btn-auth and btn-[service](where [service]is one of the supported social sign-in services) to any appropriate element (most likely an anchor).

Demo Read More

Animating Background Colors

As promised in my previous post, I will be sharing some of the scripts used on the Themify redesign. Today I’m going to share the animating background color script as seen on the site. It is a simple jQuery script that animates a series of background colors in a loop. It runs smoothly on desktop, tablet, and even mobile devices….

Read More Demo

Smooth Diagonal Fade Gallery with CSS3 Transitions

In this tutorial we CSS3 powered by a smooth transition to the diagonal are going to create a gallery with fade effect . The server scan a folder with pictures and all the window that spans display them in a grid . Added a new photo gallery of the files in a folder ( preferably on a regular photo and a small 150 × 150 px ) is as easy as copying .

Read More Demo

Zoom-out Intro Effect with CSS3

Today’s resource is a full-width header image, animated using the CSS3 scale property and jQuery to simulate a 3D zoom-out effect and reveal the main content of the page.

Read More Demo

Custom Drop-Down List Styling

A tutorial on how to create some custom drop-down lists. We’ll show you five examples with different looking drop-down menus and lists for various purposes.

Website Demo

Google Play’s Multi-Level Navigation

Creating the New Google Play’s Multi-Level Navigation from Scratch.

Website Demo

Create Context Menu with jQuery and CSS

A tutorial about creating good-looking context menu by using jQuery and css.

Website Demo