Quantcast
Channel: webdesigncrowd.com » CSS
Browsing latest articles
Browse All 23 View Live

Menu Transition In Effects

Introduction It’s been a while since my last demo. This one here is something I thought of after seeing the surge in popularity with push in side menus. I’ve seen a couple websites use menu transition...

View Article



Scrolling Progress Bar

Introduction Today I will be creating an animated progress bar that updates the progress based on how far you scrolled into a content section. I saw this effect in action in the quick start...

View Article

Closing Door Menu

Introduction This effect is inspired by the Enjoy Aiia menu effect. It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. I’ve created 4 variations, 2...

View Article

Animated Tagline Switcher

Introduction A good, eye catching tagline is essential to product website. I have seen animated tagline switchers implemented before but the one that caught my eye most recently was Procurify’s. So I...

View Article

Dynamic Scrolling Shadow

Scrolling Shadow Effect I stumbled across the VoicesHavePower website which uses a nice grid layout to separate its contents. It showcases stories each with a content panel that gives off a nice...

View Article


Fixed Navigation Transition

Scrolling Transition Fixed headers are a must for long pages and menus that need to be seen all the time. The transition between an inline menu and a fixed menu is an added effect that really makes...

View Article

Dynamic Pricing Table

Introduction Today I’m going to recreate a Dynamic Pricing Table inspired by the pricing table from Website Chef. The main point of this is to have an editable list of options that will recalculate the...

View Article

3D Card Previewer

Introduction I’ve been working on a movie review based site and I wanted to try and create a movie previewer. I’m incorporating CSS3 transform’s perspective and rotation. The previewer consists of a...

View Article


Custom Checkbox with CSS3 Borders and Transitions

Introduction Making your own custom checkbox has always been a good way to standardize your designs. I recently saw a checkbox like this and I thought it was implemented with only borders so I tried to...

View Article


Materialize: A material design css framework

Material Design I have been working with a team to make a css framework based on Google’s material design principles. We are happy to announce an early alpha where we are ready to show off our...

View Article
Browsing latest articles
Browse All 23 View Live




Latest Images