Pens from Brad Colthurst https://codepen.io/bullerb/ en nospam@codepen.io Copyright 2024 2017-04-05T20:20:56-07:00 CSS tags https://codepen.io/bullerb/pen/zBPbEw https://codepen.io/bullerb/pen/zBPbEw Brad Colthurst

See the Code - See it Full Page - See Details

These are created with CSS only. However, the result is pretty limited if you want to take it any further with transitions and stuff. To do === * Make the left side pointy instead of the right * Toy around with transitions and other CSS3 stuff * Test cross browser :>

]]>
CSS tags 2016-07-13T17:50:42-07:00
Pure CSS Cinema Effect https://codepen.io/bullerb/pen/BzKzvK https://codepen.io/bullerb/pen/BzKzvK Brad Colthurst

See the Code - See it Full Page - See Details

A CSS effect I put together for a WIP animation. Turned out pretty cool, so I thought I'd share it on its own. It's nothing too complicated, just a couple of pseudo elements with background images, low opacity and animations to make them go haywire. Works best full-width. Reminds me of catching matinees at the cheapest theater in town.

]]>
Pure CSS Cinema Effect 2016-06-13T02:20:21-07:00
Simple Loader Test https://codepen.io/bullerb/pen/yJNjmY https://codepen.io/bullerb/pen/yJNjmY Brad Colthurst

See the Code - See it Full Page - See Details

]]>
Simple Loader Test 2016-06-04T18:42:40-07:00
React Animated BB-8 https://codepen.io/bullerb/pen/gMpxNZ https://codepen.io/bullerb/pen/gMpxNZ Brad Colthurst

See the Code - See it Full Page - See Details

A React based interactive animation of BB-8 from Star Wars. Originally inspired by Mike Dixon: http://codepen.io/mdixondesigns/pen/PPEJwz Bit of a chance to try out handling animation in React + stress test rendering. Turns out it's fantastic. Draw circles around him :D

]]>
React Animated BB-8 2017-04-05T20:20:56-07:00
SO React HOC + Event Listeners https://codepen.io/bullerb/pen/jrEagJ https://codepen.io/bullerb/pen/jrEagJ Brad Colthurst

See the Code - See it Full Page - See Details

]]>
SO React HOC + Event Listeners 2016-06-02T18:54:08-07:00