Pens from Josh Hillier https://codepen.io/joshy/ en nospam@codepen.io Copyright 2024 2020-02-17T10:42:28-07:00 Neumorphism Switcher https://codepen.io/joshy/pen/BaNKqpR https://codepen.io/joshy/pen/BaNKqpR Josh Hillier

See the Code - See it Full Page - See Details

Had a bash at coding up one the new design trends with a bit of CSS. Fairly rough.

]]>
Neumorphism Switcher 2020-02-17T10:42:28-07:00
Cuppa-geddon https://codepen.io/joshy/pen/oNgmyJp https://codepen.io/joshy/pen/oNgmyJp Josh Hillier

See the Code - See it Full Page - See Details

]]>
Cuppa-geddon 2020-01-27T17:41:16-07:00
CSS animation Bell Notification https://codepen.io/joshy/pen/aEGdbe https://codepen.io/joshy/pen/aEGdbe Josh Hillier

See the Code - See it Full Page - See Details

Playing around with SCSS and animations to create a cute little bell ringing animation. Based off https://codepen.io/abergin/pen/ByRVpo

]]>
CSS animation Bell Notification 2018-08-23T13:15:27-07:00
Pure CSS3 3D Flipbook Loader https://codepen.io/joshy/pen/eNvZyN https://codepen.io/joshy/pen/eNvZyN Josh Hillier

See the Code - See it Full Page - See Details

Been experimenting with CSS 3D transforms

]]>
Pure CSS3 3D Flipbook Loader 2015-06-02T15:46:35-07:00
Skype Inspired spinner https://codepen.io/joshy/pen/YPjBeg https://codepen.io/joshy/pen/YPjBeg Josh Hillier

See the Code - See it Full Page - See Details

Exploring the use of SCSS and CSS3 Animations

]]>
Skype Inspired spinner 2015-03-05T11:22:18-07:00
SVG 'Hello' animation. https://codepen.io/joshy/pen/bGqQGE https://codepen.io/joshy/pen/bGqQGE Josh Hillier

See the Code - See it Full Page - See Details

Using SVG and Pure CSS to create a self drawn style.

]]>
SVG 'Hello' animation. 2014-05-30T19:49:02-07:00
SVG Atom animation https://codepen.io/joshy/pen/qBrNdL https://codepen.io/joshy/pen/qBrNdL Josh Hillier

See the Code - See it Full Page - See Details

My first simple SVG animation using tween.js

]]>
SVG Atom animation 2014-05-26T18:41:21-07:00
CSS3 Photography Logo https://codepen.io/joshy/pen/xxRQjb https://codepen.io/joshy/pen/xxRQjb Josh Hillier

See the Code - See it Full Page - See Details

A recent logo I designed for a Photographer converted into CSS3. You can view the original logo here: http://drbl.in/micb

]]>
CSS3 Photography Logo 2014-05-13T23:32:57-07:00
CSS animated NES Link. https://codepen.io/joshy/pen/nZgzJR https://codepen.io/joshy/pen/nZgzJR Josh Hillier

See the Code - See it Full Page - See Details

Using Box Shadows I've created a pure CSS animation of Link slashing his sword. "It's not safe to go alone take this"

]]>
CSS animated NES Link. 2014-02-10T00:53:41-07:00