Pens from Chris Gruber https://codepen.io/cgruber/ en nospam@codepen.io Copyright 2024 2016-09-29T19:49:53-07:00 A Pen by Chris Gruber https://codepen.io/cgruber/pen/zKdwVb https://codepen.io/cgruber/pen/zKdwVb Chris Gruber

See the Code - See it Full Page - See Details

]]>
A Pen by Chris Gruber 2016-09-29T19:49:53-07:00
Bootstrap Carousel Categories https://codepen.io/cgruber/pen/gMvRKd https://codepen.io/cgruber/pen/gMvRKd Chris Gruber

See the Code - See it Full Page - See Details

Recently needed to make a category listing in a carousel fashion for work, and thought it was a nice take on the Bootstrap Carousel. Removed the controls and added text to the indicators as your navigation. I don't own any of the images displayed. Credit go to: Tiger Image - http://www.hdwallpapersimages.com/ Balloon Image - http://wonderful-place.com/ Tree Image - http://blog.jimdo.com/where-to-get-beautiful-images-for-your-website/

]]>
Bootstrap Carousel Categories 2016-07-18T17:48:10-07:00
Slide Out Menu w/Submenus https://codepen.io/cgruber/pen/RaYoMV https://codepen.io/cgruber/pen/RaYoMV Chris Gruber

See the Code - See it Full Page - See Details

A left slideout menu with a top nav bar.

]]>
Slide Out Menu w/Submenus 2016-04-26T14:40:39-07:00
HTML5 CANVAS 3D CUBES demo https://codepen.io/cgruber/pen/VeWmyo https://codepen.io/cgruber/pen/VeWmyo Chris Gruber

See the Code - See it Full Page - See Details

Sample demo taken from Alexandr on CSSDeck. // ===== CANVAS 3D experiment ===== //===== simple 3D cubes HTML5 engine ==== // script written by Gerard Ferrandez - January 2, 2012 // http://www.dhteumeuleu.com

]]>
HTML5 CANVAS 3D CUBES demo 2016-01-20T13:28:40-07:00
Pure CSS Atom Animation https://codepen.io/cgruber/pen/KVmyGj https://codepen.io/cgruber/pen/KVmyGj Chris Gruber

See the Code - See it Full Page - See Details

]]>
Pure CSS Atom Animation 2016-01-08T21:59:12-07:00
Parallax SVG Interactive Landscape https://codepen.io/cgruber/pen/jWmPZz https://codepen.io/cgruber/pen/jWmPZz Chris Gruber

See the Code - See it Full Page - See Details

Just messing around with interactive SVG animations with a parallax effect on mouse movement. It's an waterfront landscape that moves with the mouse to create a depth of view.

]]>
Parallax SVG Interactive Landscape 2016-01-07T21:01:37-07:00
Click State to Activate https://codepen.io/cgruber/pen/bEeKPN https://codepen.io/cgruber/pen/bEeKPN Chris Gruber

See the Code - See it Full Page - See Details

Forked from [Chris Coyier](http://codepen.io/chriscoyier/)'s Pen [Click State to Activate](http://codepen.io/chriscoyier/pen/Ywqajy/).

]]>
Click State to Activate 2015-12-30T13:32:55-07:00
Expanding Breadcrumb Nav https://codepen.io/cgruber/pen/epNqzX https://codepen.io/cgruber/pen/epNqzX Chris Gruber

See the Code - See it Full Page - See Details

Forked from [Altitude](http://codepen.io/altitudems/)'s Pen [Expanding Breadcrumb Nav](http://codepen.io/altitudems/pen/xipnb/).

]]>
Expanding Breadcrumb Nav 2015-09-09T17:34:16-07:00
Pure CSS3 Slide Menu https://codepen.io/cgruber/pen/QbBygd https://codepen.io/cgruber/pen/QbBygd Chris Gruber

See the Code - See it Full Page - See Details

]]>
Pure CSS3 Slide Menu 2015-07-16T21:00:12-07:00
Weather Widget https://codepen.io/cgruber/pen/aOGJgz https://codepen.io/cgruber/pen/aOGJgz Chris Gruber

See the Code - See it Full Page - See Details

Making a sick ass weather widget, at some point I'll update the icons to animate but that day is not today Forked from [Tyler](http://codepen.io/doomshine/)'s Pen [Weather Widget](http://codepen.io/doomshine/pen/qEROvx/).

]]>
Weather Widget 2015-07-09T21:05:34-07:00