transform

Progress Button Styles

By Mary Lou on

A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one sid

Animated Border Menus

By Mary Lou on

A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps.

Multi-Level Push Menu

By Mary Lou on

An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.

3D Book Showcase

By Mary Lou on

An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.

Filter Functionality with CSS3

By Mary Lou on

Using the general sibling combinator and the :checked pseudo-class, we can toggle states of other elements by checking a checkbox or a radio button. In this tutorial