Home > Code stuff > Miscellanea > Mac OSX-like animated folder with CSS3

Mac OSX-like animated folder with CSS3

Code

Short tutorial with CSS snippet showing how to create a OSX-like folder with CSS3, by utilizing 3D transforms, gradients and box shadows. Source: Tutorialzine.

View demo Download CSS snippet

Posted on December 9, 2012 in Code stuff, Miscellanea and tagged mac, OSX. This post has been viewed 2113 times.

Twitter
Facebook
Google
Pinterest

Ready to use Graphic Assets

Related Freebies

Today’s freebie by Pixeden is a flat design version of the iMac and Macbook released for free in a PSD vector mockup template.

June 1, 2013

iMac / Macbook PSD flat mockup

PSD

A complete email app user interface for mac. Free PSD designed by Dan Edwards.

January 17, 2013

Email App UI PSD

PSD

Today’s freebie is a free PSD App Store icon, beautifully redesigned by Christophe Tauziet.

January 16, 2013January 19, 2013

App Store free PSD icon

PSD

Here’s a free PSD containing the full concept of a mail app user interface. Designed by Aleksandar Djuric.

January 13, 2013July 3, 2013

Free PSD mail app GUI

PSD

You should try this

Complete design freedom to make it 100% yours.

Hemma: A WordPress theme for Holiday Houses

Recent Freebies

A minimal Apple iPhone 7 mockup for Sketch in two colours, White and Jet Black. Designed and released by Rifayet Uday.

July 26, 2017

White & Jet Black iPhone 7: Free Sketch mockups

Sketch

OAK is a free HTML portfolio template ideal for designers, photographers and any kind of creative people who need a website for showcasing their own works.

July 22, 2017

OAK: A free HTML template for creative portfolios

Exclusive

Code

Brisk Pro is a free sans serif font ideal for headlines and logotypes characterised by geometric shapes and rounded edges.

July 17, 2017

Brisk Pro: Free font

Font

$fractures: An atomic CSS toolkit for building websites$

fractures is a CSS toolkit providing a set of CSS utility classes that may be used for quick prototyping as well as for production.

July 11, 2017

fractures: An atomic CSS toolkit for building websites

Code

Agata Bielen is a fashion magazine template designed by Adrián Somoza. It is a PSD file made of 3 screens based on a Golden Ratio grid.

July 7, 2017

Agata Bielen: Free PSD magazine template

PSD

t-scroll is a reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page, is built in pure JavaScript and Sass.

July 2, 2017

t-scroll: A modern reveal-on-scroll JS library

Code

Share this

Search Freebie

Envato