Archive for the ‘transition’ Category

Using CSS Transitions on Auto Dimensions

Posted on: No Comments
We've all been there. You've got an element you want to be able to collapse and expand smoothly using CSS transitions, but its expanded size needs to be content-dependent. You've set transition: height 0.2s ease-out. You've created a collapsed CSS clas...

Transition Effect with CSS Masks

Posted on: No Comments
View demo Download source Today we’d like to show you how to create an intriguingly simple, yet eye-catching transition effect using CSS Masks. Together with clipping, masking is another way of defining visibility and compos...

Transition Effect with CSS Masks

Posted on: No Comments
View demo Download source Today we’d like to show you how to create an intriguingly simple, yet eye-catching transition effect using CSS Masks. Together with clipping, masking is another way of defining visibility and compos...

Inspiration for Navigation Indicators

Posted on: No Comments
View demo Download source Today we’d like to share some style inspiration with you. The topic of this inspirational collection is navigation indicators. Pages, slideshows and other components often need some kind of navigation that tells the use...

Inspiration for Navigation Indicators

Posted on: No Comments
View demo Download source Today we’d like to share some style inspiration with you. The topic of this inspirational collection is navigation indicators. Pages, slideshows and other components often need some kind of navigation that tells the use...

Inspiration for Navigation Indicators

Posted on: No Comments
View demo Download source Today we’d like to share some style inspiration with you. The topic of this inspirational collection is navigation indicators. Pages, slideshows and other components often need some kind of navigation that tells the use...

Inspiration for Navigation Indicators

Posted on: No Comments
View demo Download source Today we’d like to share some style inspiration with you. The topic of this inspirational collection is navigation indicators. Pages, slideshows and other components often need some kind of navigation that tells the use...

Inspiration for Navigation Indicators

Posted on: No Comments
View demo Download source Today we’d like to share some style inspiration with you. The topic of this inspirational collection is navigation indicators. Pages, slideshows and other components often need some kind of navigation that tells the use...

Above & Beneath: Featured Content Layout Effect

View demo Download source Today we’d like to share a little aquatic landing page template with some special effects with you. The idea is to show a big headline in the initial view and when a grid/menu icon is clicked, the view slides down (belo...

Above & Beneath: Featured Content Layout Effect

View demo Download source Today we’d like to share a little aquatic landing page template with some special effects with you. The idea is to show a big headline in the initial view and when a grid/menu icon is clicked, the view slides down (belo...