Pens from Gerhard Preuss https://codepen.io/lipp/ en nospam@codepen.io Copyright 2024 2024-03-22T11:07:23-07:00 A Pen by Gerhard Preuss https://codepen.io/lipp/pen/qBwqzgQ https://codepen.io/lipp/pen/qBwqzgQ Gerhard Preuss

See the Code - See it Full Page - See Details

]]>
A Pen by Gerhard Preuss 2024-03-22T11:07:23-07:00
A Pen by Gerhard Preuss https://codepen.io/lipp/pen/GReVEdJ https://codepen.io/lipp/pen/GReVEdJ Gerhard Preuss

See the Code - See it Full Page - See Details

]]>
A Pen by Gerhard Preuss 2024-02-26T08:19:11-07:00
Three.js 101 - 01 - Hello World! https://codepen.io/lipp/pen/ExMppbO https://codepen.io/lipp/pen/ExMppbO Gerhard Preuss

See the Code - See it Full Page - See Details

]]>
Three.js 101 - 01 - Hello World! 2024-02-07T14:53:26-07:00
A Pen by Gerhard Preuss https://codepen.io/lipp/pen/wvOyVoV https://codepen.io/lipp/pen/wvOyVoV Gerhard Preuss

See the Code - See it Full Page - See Details

]]>
A Pen by Gerhard Preuss 2024-02-03T15:08:10-07:00
Scroll-Linked Animations: Horizontal scroll section (Motion One Version) https://codepen.io/lipp/pen/vYPdzwo https://codepen.io/lipp/pen/vYPdzwo Gerhard Preuss

See the Code - See it Full Page - See Details

]]>
Scroll-Linked Animations: Horizontal scroll section (Motion One Version) 2024-01-31T10:09:34-07:00
flex auto 500px https://codepen.io/lipp/pen/dyagMaM https://codepen.io/lipp/pen/dyagMaM Gerhard Preuss

See the Code - See it Full Page - See Details

]]>
flex auto 500px 2023-11-30T15:21:55-07:00
Text Clipping Masks with CSS Blend Modes https://codepen.io/lipp/pen/NWowqwj https://codepen.io/lipp/pen/NWowqwj Gerhard Preuss

See the Code - See it Full Page - See Details

Uses CSS blend modes to create a simple text clipping mask. Note that in this version, browsers that do not support `mix-blend-mode` will preferentially show the _image_, not the text. ([See the alternative](http://codepen.io/dudleystorey/pen/BNKjpE)). [Full explanatory article on my site](http://thenewcode.com/1032/Easy-Cross-Browser-Text-Masks-with-Blend-Modes). Photographs by [Daniel Schwen](https://500px.com/photo/48185546/good-morning-chicago-by-daniel-schwen) and [Ron Kikuchi](https://www.flickr.com/photos/rgkikuchi/14561004754/), licensed under Creative Commons.

]]>
Text Clipping Masks with CSS Blend Modes 2023-11-15T20:04:57-07:00
scroll sticky https://codepen.io/lipp/pen/oNmGagV https://codepen.io/lipp/pen/oNmGagV Gerhard Preuss

See the Code - See it Full Page - See Details

]]>
scroll sticky 2023-11-15T11:39:09-07:00
A Pen by Gerhard Preuss https://codepen.io/lipp/pen/ZEVVwZW https://codepen.io/lipp/pen/ZEVVwZW Gerhard Preuss

See the Code - See it Full Page - See Details

]]>
A Pen by Gerhard Preuss 2023-10-09T07:42:35-07:00
A Pen by Gerhard Preuss https://codepen.io/lipp/pen/jOeJLpe https://codepen.io/lipp/pen/jOeJLpe Gerhard Preuss

See the Code - See it Full Page - See Details

]]>
A Pen by Gerhard Preuss 2023-05-26T20:06:21-07:00