Advertise here

CSS3 & CSS

Closing Door Menu

July 09, 2014     4752     CSS3 & CSS Menu
Closing Door Menu

It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. There are 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.

Read More »

jQuery Smoove – Gorgeous CSS3 Scroll Effects

July 07, 2014     7858     CSS3 & CSS Scroll Effects
jQuery Smoove – Gorgeous CSS3 Scroll Effects

Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page.

Read More »

CSS3 Animate It

July 02, 2014     4746     CSS3 & CSS
CSS3 Animate It

CSS3 Animate It is a lightweight plugin to animate elements on to the page when they come into view.

Read More »

Draggable Dual-View Slideshow

June 26, 2014     4358     Slider CSS3 & CSS
Draggable Dual-View Slideshow

An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.

Read More »

How to Create a Tiled Background Slideshow

June 12, 2014     9427     Slider CSS3 & CSS Effects
How to Create a Tiled Background Slideshow

A tutorial that shows how to recreate the four tiles slideshow effect using 3D transforms, transitions and animations. The aim is to implement a smooth effect and add some variations.

Read More »

waitMe – jQuery Plugin for Loading CSS3 Animations

May 02, 2014     4602     CSS3 & CSS Animation
waitMe – jQuery Plugin for Loading CSS3 Animations

waitMe is a jQuery plugin for easy creating loading CSS3 animations. Plugin use css3 animation, and works on all browsers and IE10+.

Read More »

Avgrund – JS/CSS3 Modal UI Concept

March 26, 2014     3636     CSS3 & CSS Modal & Overlay
Avgrund – JS/CSS3 Modal UI Concept

Avgrund is a modal concept which aims to give a sense of depth between the page and modal layers. Uses CSS transforms to scale components and CSS filters to blur the page. Built for the fun of it, not intended for any practical use.

Read More »

Stroll.js – CSS3 List Scroll Effects

March 24, 2014     11462     CSS3 & CSS Scroll Effects
Stroll.js – CSS3 List Scroll Effects

stroll.js is a collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a special touch-enabled mode for iOS & Android 4.x.

Read More »

reveal.js – The HTML Presentation Framework

March 24, 2014     5394     Slider CSS3 & CSS
reveal.js – The HTML Presentation Framework

A framework for easily creating beautiful presentations using HTML. reveal.js comes with a broad range of features including nested slides, markdown contents, PDF export,speaker notes and a JavaScript API.

It's best viewed in a browser with support for CSS 3D transforms butfallbacks are available to make sure your presentation can still be viewed elsewhere.

Read More »

Tilted Content Slideshow

March 14, 2014     17732     Slider CSS3 & CSS Animation
Tilted Content Slideshow

A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.

Read More »

Wallop Slider – Simple Slider with CSS3 Transitions / Animations

February 21, 2014     3335     Slider CSS3 & CSS
Wallop Slider – Simple Slider with CSS3 Transitions / Animations

Wallop Slider is a simple slider with its transitions controlled via CSS.

  • Mobile first
  • Progressive enhancement
  • Transitions/Animations are all in CSS
  • Minimal JavaScript
  • Flexible & Scalable
  • Custom events and API available

Read More »

Progress.js – Themeable Progress Bar Library

February 18, 2014     5788     CSS3 & CSS Animation
Progress.js – Themeable Progress Bar Library

Progress.js is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.

Read More »

Creating a Flippin' 3D Countdown with CSS & JavaScript

February 17, 2014     10666     CSS3 & CSS Date & Time
Creating a Flippin' 3D Countdown with CSS & JavaScript

A nice tutorial about "Creating a Flippin’ 3D Countdown with CSS & JavaScript".

Read More »

Move.js – CSS3 JavaScript Animation Framework

February 16, 2014     3201     CSS3 & CSS Animation
Move.js – CSS3 JavaScript Animation Framework

Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant

Read More »

Flip-Quote – Create Pull-Quote That Flips on Scroll

February 07, 2014     6898     CSS3 & CSS Scroll Effects
Flip-Quote – Create Pull-Quote That Flips on Scroll

jQuery Flip-Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.

Read More »

AdvertisementAdvertise with us!