3D Profile Flip Card

These are 3D Profile Flip Cards. Click the i to flip the card. The concept started out as a hover event, but that proved challenging on a mobile device, so I opted to use a bit of js to change out classes on click/touch. There are a variety of flip …

Read More »

3D Flip Card Effect

3D flip cards implemented with CSS3 Tutorial/codes – Demo Author: Samet Erpik Created: AUGUST 23, 2014 Made with: HTML, CSS and JavaScript Find the Demo See the Pen 3D Flip Card Effect by Samet Erpik (@samerpik) on CodePen.

Read More »

Multi Flip Cards

My goal was to create re-useable card-like elements that flip on hover (or tap!). I’ve built markup for a flippable card that you can use to hold any content you want on the front or the back of the card. Simply set the size of the containing .flip-card element and …

Read More »

Star Wars Toggle Icon Animation

StarWars.com’s Toggle Icon Animation, it was really great, so I decided to add it to CodePen. It is designed and developed by StarWars.com Tutorial/codes – Demo Author: Rıza Selçuk Saydam Created: JULY 03, 2014 Made with: HTML, CSS and JavaScript Find the Demo See the Pen Star Wars Toggle Icon …

Read More »

Menu Toggle button with flat menu

Menu toggle button with flat menu. Uses CSS transitions and Vanilla JS. Tutorial/codes – Demo Author: Geoffrey Crofte Created: JUNE 13, 2013 Made with: HTML, CSS and JavaScript Find the Demo See the Pen Menu Toggle button with flat menu by Geoffrey Crofte (@CreativeJuiz) on CodePen.

Read More »

Pure CSS Slide Down and slide up

Pure CSS3 Slide Down and slide up Demo Tutorial/codes – Demo Author: Surjith Created: DECEMBER 12, 2013 Made with: HTML, CSS Find the Demo See the Pen Pure CSS Slide Down & slide up by Surjith (@surjithctly) on CodePen.

Read More »

Toggle transition face

Toggle transition face with pure CSS! Tutorial/codes – Demo Author: Katherine Kato Created: MARCH 09, 2018 Made with: HTML, CSS Find the Demo See the Pen Toggle transition face by Katherine Kato (@kathykato) on CodePen.

Read More »

Full calendar based reservation system

Full calendar based Interactive reservation system Tutorial/codes – Demo Author: Brook Yang Created: MAY 20, 2016 Made with: HTML, CSS and JavaScript Find the Demo See the Pen Full calendar based reservation system by Brook Yang (@yangg) on CodePen.

Read More »

Interactive Calendar App

Calendar generates itself upon user’s entry of requested year and month. Scales to viewport using vw / vh –[ table is generated w/JS ] Tutorial/codes – Demo Author: Tiffany Rayside Created: JUNE 17, 2015 Made with: HTML, CSS and JavaScript Find the Demo See the Pen Interactive Calendar App by …

Read More »

CSS grid calendar

CSS grid calendar Tutorial/codes – Demo Author: Mert Nerukuc Created: SEPTEMBER 06, 2018 Made with: HTML, CSS Find the Demo See the Pen CSS grid calendar by Mert Nerukuc (@knyttneve) on CodePen.

Read More »