Pens from Michael Vestergaard https://codepen.io/iltp/ en nospam@codepen.io Copyright 2024 2024-01-04T09:37:57-07:00 A Pen by Michael Vestergaard https://codepen.io/iltp/pen/poYgrpx https://codepen.io/iltp/pen/poYgrpx Michael Vestergaard

See the Code - See it Full Page - See Details

]]>
A Pen by Michael Vestergaard 2024-01-04T09:37:57-07:00
A Pen by Michael Vestergaard https://codepen.io/iltp/pen/abXawjw https://codepen.io/iltp/pen/abXawjw Michael Vestergaard

See the Code - See it Full Page - See Details

]]>
A Pen by Michael Vestergaard 2024-01-04T09:22:08-07:00
A Pen by Michael Vestergaard https://codepen.io/iltp/pen/MWXOOmG https://codepen.io/iltp/pen/MWXOOmG Michael Vestergaard

See the Code - See it Full Page - See Details

]]>
A Pen by Michael Vestergaard 2022-11-18T13:52:28-07:00
Randomized grid https://codepen.io/iltp/pen/PoazRJG https://codepen.io/iltp/pen/PoazRJG Michael Vestergaard

See the Code - See it Full Page - See Details

]]>
Randomized grid 2022-11-04T15:03:45-07:00
A Pen by Michael Vestergaard https://codepen.io/iltp/pen/bGMqZZj https://codepen.io/iltp/pen/bGMqZZj Michael Vestergaard

See the Code - See it Full Page - See Details

]]>
A Pen by Michael Vestergaard 2022-09-26T17:24:36-07:00
Border shadow https://codepen.io/iltp/pen/NWavQRz https://codepen.io/iltp/pen/NWavQRz Michael Vestergaard

See the Code - See it Full Page - See Details

]]>
Border shadow 2021-12-22T09:48:46-07:00
Thumbnail following mouse on hover https://codepen.io/iltp/pen/LYzWgZv https://codepen.io/iltp/pen/LYzWgZv Michael Vestergaard

See the Code - See it Full Page - See Details

This is a playful way of displaying thumbnail images on mouse-over. See it in action on the Green Room Design website: https://greenroomdesign.com/blog/

]]>
Thumbnail following mouse on hover 2021-12-16T08:37:09-07:00
Unfolding image https://codepen.io/iltp/pen/rGweyj https://codepen.io/iltp/pen/rGweyj Michael Vestergaard

See the Code - See it Full Page - See Details

A simplified version of the transitions I built for the Beoplay SS17 site (https://www.beoplay.com/landingpages/ss17) This version doesn't take screen density, size or scroll position into account - but simply functions as code inspiration :-)

]]>
Unfolding image 2017-10-14T14:31:25-07:00
Pan&Zoom interaction https://codepen.io/iltp/pen/gGWeRM https://codepen.io/iltp/pen/gGWeRM Michael Vestergaard

See the Code - See it Full Page - See Details

A simplified version of the interaction paradigm from http://opsundbay.com/ (scroll and move mouse)

]]>
Pan&Zoom interaction 2017-10-14T14:30:27-07:00
Magnetic buttons https://codepen.io/iltp/pen/vexWNN https://codepen.io/iltp/pen/vexWNN Michael Vestergaard

See the Code - See it Full Page - See Details

A quick code example of how to make magnetic buttons (for mouse interaction). They aren't perfect, need some work around the center (maybe tweening angle too with shortangle approach).

]]>
Magnetic buttons 2017-09-27T07:27:33-07:00