Skip to content

Instantly share code, notes, and snippets.

View C-Rodg's full-sized avatar
👽

Curtis C-Rodg

👽
View GitHub Profile
@C-Rodg
C-Rodg / American Sports Leagues.markdown
Created May 26, 2016 19:35
American Sports Leagues

American Sports Leagues

Animating an html list of cities based on radio inputs. Using advanced css selectors and data attributes to base animations off of.

A Pen by C-Rodg on CodePen.

License.

@C-Rodg
C-Rodg / Apple TV parallax tiles.markdown
Created May 26, 2016 19:37
Apple TV parallax tiles

Apple TV parallax tiles

An example of Apple's TV 4 tiles with the parallax effect and beautiful box shadow.

A Pen by C-Rodg on CodePen.

License.

@C-Rodg
C-Rodg / BUTTONS BUTTONS BUTTONS!.markdown
Created May 26, 2016 19:38
BUTTONS BUTTONS BUTTONS!

BUTTONS BUTTONS BUTTONS!

Collection of buttons I've made, with some great hovers and animations.

A Pen by C-Rodg on CodePen.

License.

Page load animation

A spinning page load animation. Great for the entry to welcome pages. Done completely with HTML & CSS. No javascript needed!

A Pen by C-Rodg on CodePen.

License.

@C-Rodg
C-Rodg / Off-Screen Navigation.markdown
Created May 26, 2016 19:41
Off-Screen Navigation

Flexbox Minesweeper

Old school minesweeper created with only HTML & CSS using Flexbox. Inspired by Landon Schropp.

A Pen by C-Rodg on CodePen.

License.

Netflix animations

Recreating Netflix's new css animations using opacity and transform.

A Pen by C-Rodg on CodePen.

License.